TUTORIAIS DE JAVASCRIPT

15/12/2013 23:01

 
 
 
 
Inserir texto  
 
 
Método do objecto documento

 

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("<B>O resultado é</B>" + resultado); ou
write ("<B>" + "O resultado é" + "</B>" + resultado)

 

Exemplo (clássico !)
 

Agora vamos escrever texto em Html e em Javascript.

<HTML>
<BODY>
<H1>Isto é Html</H1>

<SCRIPT LANGUAGE="Javascript">
<!--
document.write("<H1>E isto é Javascript</H1>");
//-->
</SCRIPT>

</BODY>
</HTML>

E o resultado é:

 
 

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 <BIG></BIG>.
As quartro instruções Javascript seguintes são equivalentes :

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 <SMALL></SMALL>.
As quartro instruções Javascript seguintes são equivalentes :

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 <BLINK></BLINK>
As quartro instruções Javascript seguintes são equivalentes :

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 <B></B>.
As quartro instruções Javascript seguintes são equivalentes :

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 <TT></TT>.
As quartro instruções Javascript seguintes são equivalentes :

str="Texto"; 

document.write("<TT>"+str+"</TT>"); 
document.write("<TT>Texto</TT>"); 
document.write(str.fixed()); 
document.write("Texto".fixed());

truquesedicas

Voltar

Contato

© 2012 Todos os direitos reservados.

Crie um site grátis Webnode