Postado Sáb 13 Ago 2011 - 21:43
Como já foi explicado anteriormente, o que aparece no écran pode ser dividido em objectos e que o Javascript dá possibilidade de aceder a este objectos (um pouco de teoria do objecto).
A página Html que aparece na janela do browser é um objecto tipo document.
A cada objecto Javascript, o programador da linguagem previu um conjunto de métodos ( ou funções dedicados a este objecto). Para document o Javascript dedicou o método "escrever no documento" , é o método write().
O chamamento do método se faz segundo a notação:
nome_do_objecto.nome_do_método
Para chamar o método write() do documento, escreva-se:
document.write();
O método write()
A sintaxe é bastante simples
write("vosso texto");
Pode-se também escrever uma variável, seja a variável resultado,
write(resultado);
Para associar texto (cadeia de caracteres) e variáveis, utiliza-se a instrução
write("O resultado é" + resultado);
Pode-se utilizar os tags Html para incrementar o texto
write("O resultado é" + resultado); ou
write ("" + "O resultado é" + "" + resultado)
Exemplo (clássico !)
Agora vamos escrever texto em Html e em Javascript.
Formatação dos carateres em Javascript
variável.big();
O uso de .big() vai inserir a variável como se ela estivesse compreendida entre os tags Html .
As quartro instruções Javascript seguintes são equivalentes :
variável.small();
O uso de .small() vai inserir a variável como se ela estivesse compreendida entre os tags Html .
As quartro instruções Javascript seguintes são equivalentes :
variável.blink();
O uso de .blink() vai inserir a variável como se ela estivesse compreendida entre os tags Html .
As quartro instruções Javascript seguintes são equivalentes :
variável.bold();
O uso de .bold() vai inserir a variável como se ela estivesse compreendida entre os tags Html .
As quartro instruções Javascript seguintes são equivalentes :
variável.fixed();
O uso de .fixed() vai inserir a variável como se ela estivesse compreendida entre os tags Html .
As quartro instruções Javascript seguintes são equivalentes :
O uso de .italics() vai inserir a variável como se ela estivesse compreendida entre os tags Html .
As quartro instruções Javascript seguintes são equivalentes :
variavel.fontcolor(color);
O uso de .fontcolor(color) vai inserir a variável como se ela estivesse compreendida entre os tags Html
variavel.fontsize(x);
O uso de .fontsize(x) vai inserir a variável como se ela estivesse compreendida entre os tags Html .
As quartro instruções Javascript seguintes são equivalentes :
variavel.strike();
O uso de.strike() vai inserir a variável como se ela estivesse compreendida entre os tags Html.
As quartro instruções Javascript seguintes são equivalentes :
variavel.sub();
O uso de .sub() vai inserir a variável como se ela estivesse compreendida entre os tags Html .
As quartro instruções Javascript seguintes são equivalentes :
variavel.sup();
O uso de .sup() vai inserir a variável como se ela estivesse compreendida entre os tags Html .
As quartro instruções Javascript seguintes são equivalentes :
Instruções de formatação do document
Para já queria lembrar que o que se segue é opcional e que se pode utilizar a instrução document.write() de maneira clássica.
Seja document.write("
A página Html que aparece na janela do browser é um objecto tipo document.
A cada objecto Javascript, o programador da linguagem previu um conjunto de métodos ( ou funções dedicados a este objecto). Para document o Javascript dedicou o método "escrever no documento" , é o método write().
O chamamento do método se faz segundo a notação:
nome_do_objecto.nome_do_método
Para chamar o método write() do documento, escreva-se:
document.write();
O método write()
A sintaxe é bastante simples
write("vosso texto");
Pode-se também escrever uma variável, seja a variável resultado,
write(resultado);
Para associar texto (cadeia de caracteres) e variáveis, utiliza-se a instrução
write("O resultado é" + resultado);
Pode-se utilizar os tags Html para incrementar o texto
write("O resultado é" + resultado); ou
write ("" + "O resultado é" + "" + resultado)
Exemplo (clássico !)
Agora vamos escrever texto em Html e em Javascript.
- Código:
<HTML>
<BODY>
<H1>Isto é Html</H1>
<SCRIPT LANGUAGE="Javascript">
<!--
document.write("<H1>E isto é Javascript</H1>");
//-->
</SCRIPT>
</BODY>
</HTML>
Formatação dos carateres em Javascript
variável.big();
O uso de .big() vai inserir a variável como se ela estivesse compreendida entre os tags Html .
As quartro instruções Javascript seguintes são equivalentes :
- Código:
str="Texto"; (str é uma variável)
document.write("<BIG>"+str+"</BIG>");
document.write('<BIG>Texto</BIG>');
document.write(str.big());
document.write("Texto".big());
variável.small();
O uso de .small() vai inserir a variável como se ela estivesse compreendida entre os tags Html .
As quartro instruções Javascript seguintes são equivalentes :
- Código:
str="Texto";
document.write("<SMALL>"+str +"</SMALL>");
document.write("<SMALL>Texto" +"</SMALL>");
document.write(str.small());
document.write("Texto".small());
variável.blink();
O uso de .blink() vai inserir a variável como se ela estivesse compreendida entre os tags Html .
As quartro instruções Javascript seguintes são equivalentes :
- Código:
str="Texto";
document.write('<BLINK>'+str+'</BLINK>');
document.write("<BLINK>Texto</BLINK>");
document.write(str.blink());
document.write("Texto".blink());
variável.bold();
O uso de .bold() vai inserir a variável como se ela estivesse compreendida entre os tags Html .
As quartro instruções Javascript seguintes são equivalentes :
- Código:
str="Texto";
document.write("<B>"+str+"</B>");
document.write("<B>Texto</B>");
document.write(str.bold());
document.write("Texto".bold());
variável.fixed();
O uso de .fixed() vai inserir a variável como se ela estivesse compreendida entre os tags Html .
As quartro instruções Javascript seguintes são equivalentes :
- Código:
str="Texto";
document.write("<TT>"+str+"</TT>");
document.write("<TT>Texto</TT>");
document.write(str.fixed());
document.write("Texto".fixed());
O uso de .italics() vai inserir a variável como se ela estivesse compreendida entre os tags Html .
As quartro instruções Javascript seguintes são equivalentes :
- Código:
str="Texto"; (str é uma variável)
document.write("<I>"+str+"</I>");
document.write('<I>Texto</I>');
document.write(str.italics());
document.write("Texto".italics());
variavel.fontcolor(color);
O uso de .fontcolor(color) vai inserir a variável como se ela estivesse compreendida entre os tags Html
- Código:
<FONT COLOR='color'></FONT>.
- Código:
str1="Texto";
str2="red"
document.write("<FONT COLOR='red'>"+str1+"</FONT>");
document.write("<FONT COLOR='red'>"+"Texto</FONT>");
document.write(str1.fontcolor(str2));
document.write("Texto".fontcolor("red"));
variavel.fontsize(x);
O uso de .fontsize(x) vai inserir a variável como se ela estivesse compreendida entre os tags Html .
As quartro instruções Javascript seguintes são equivalentes :
- Código:
str="Texto";
x=3
document.write('<FONT SIZE=3>'+str+'</FONT>');
document.write("<FONT SIZE=3>"+"Texto</FONT>");
document.write(str.fontsize(x)));
document.write(str.fontsize(3));
variavel.strike();
O uso de.strike() vai inserir a variável como se ela estivesse compreendida entre os tags Html
As quartro instruções Javascript seguintes são equivalentes :
- Código:
str="Texto";
document.write("<STRIKE>"+str+"</STRIKE>");
document.write("<STRIKE>Texto"+"</STRIKE>");
document.write(str.strike());
document.write("Texto".strike());
variavel.sub();
O uso de .sub() vai inserir a variável como se ela estivesse compreendida entre os tags Html .
As quartro instruções Javascript seguintes são equivalentes :
- Código:
str="Texto";
document.write("<SUB>"+str+"</SUB>");
document.write("<SUB>Texto</SUB>");
document.write(str.sub());
document.write("Texto".sub());
variavel.sup();
O uso de .sup() vai inserir a variável como se ela estivesse compreendida entre os tags Html .
As quartro instruções Javascript seguintes são equivalentes :
- Código:
str="Texto";
document.write("<SUP>"+str+"</SUP>");
document.write("<SUP>Texto</SUP>");
document.write(str.sup());
document.write("Texto".sup());
Instruções de formatação do document
Para já queria lembrar que o que se segue é opcional e que se pode utilizar a instrução document.write() de maneira clássica.
Seja document.write("
document.bgColor
Esta instrução permita de especificar a cor do fundo de um objecto document. pode-se utilizar o nome da cor ou o seu valor RGB.
- Código:
document.bgColor="white";
document.bgColor="#FFFFFF";
document.fgColor
Esta instrução permita de especificar a cor do primeiro plano (texto) de um objecto document. pode-se utilizar o nome da cor ou o seu valor RGB.
- Código:
document.fgColor="black";
document.fgColor="#000000";
document.alinkColor
Esta instrução permita de especificar a cor de um link activo (depois do clique do rato mas antes de saír do link) de um objecto document. pode-se utilizar o nome da cor ou o seu valor RGB.
- Código:
document.alinkColor="red";
document.alinkColor="#FF0000";
document.linkColor
Esta instrução permita de especificar a cor de um link de um objecto document. pode-se utilizar o nome da cor ou o seu valor RGB.
- Código:
document.linkColor="blue";
document.linkColor="#0000FF";
document.vlinkColor
Esta instrução permita de especificar a cor de um link já vesitados (depois do clique do rato mas antes de saír do link) de um objecto document. pode-se utilizar o nome da cor ou o seu valor RGB.
- Código:
document.vlinkColor="red";
document.vlinkColor="#FF0000";
Truquesedicas