NOTÍCIA

Javascript: Objeto document.write()

Antes de iniciar o artigo, vamos a uma breve introdução.
Javascript é uma linguagem de script para web, que foi
criada pela Netscape e aproveitou o marketing da Sun, criadora
da linguagem de programação Java, para criar o nome
javascript. Seu nome original era Livescript. Mas não custa
lembrar que são duas coisas totalmente diferentes, tanto
na programação quanto na aplicação.

Este artigo é dedicado ao objeto ‘document.write()
e do probleminha que todos enfrentamos na hora de usá-lo.

O objeto

Método do objeto documento:

O arquivo HTML que aparece na janela do browser
é um objeto tipo document.

A cada objeto Javascript, o programador da linguagem
previu um conjunto de métodos – ou funções
dedicadas a este objeto. Para document, o Javascript dedicou o
método ‘escrever no documento’, conhecido
como o método write().

A chamada do método faz-se segundo a notação:
nome_do_objeto.nome_do_método
Para chamar o método write() do documento,
escreva-se: document.write();

Método write()

A sintaxe é bastante simples

write("seu 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)

O problema

Quem nunca ficou furioso ao tentar usar o objeto
‘document.write()’ para imprimir algo na
tela, e ele
limpou todo o documento antes de imprimí-lo, que atire
a primeira pedra!

Por muito tempo procurei algo que não limpasse
a tela antes de imprimir, e após uma vasta pesquisa encontrei
o parâmetro ‘window’. Com esse simples parâmetro
adicional, ‘window->janela’
no objeto, ele se torna muito útil, além de não
mais limpar a tela para imprimir.

Dê uma olhada nesse exemplo que criei:

<html>
<head>
<script language="jscript">
window.document.write("Sem limpar…");
</script>
</head>
<body>
o documento…
</body>
</html>

Espero ter ajudado! Até a próxima.

Matérias especiais e reportagens conduzidas internamente pela Redação iMasters. Acompanhe no Twitter @imasters e no Instagram/Threads @portalimasters

Ver perfil