Quando você começa a aprender JavaScript, uma das primeiras funções que encontra é o famoso document.write(). Ele é simples, direto e cumpre exatamente o que promete: escrever conteúdo HTML diretamente na página.
Mesmo que hoje existam métodos mais modernos para manipular o conteúdo da web, o document.write() ainda é ótimo para exemplos iniciais e para entender como o JavaScript interage com o HTML.
O que é o document.write() e para que serve?
O document.write() é uma função nativa do JavaScript que permite inserir texto ou código HTML diretamente no documento da página, no mesmo em que ela está sendo carregada.
Você pode usá-lo para:
- Escrever mensagens simples na tela.
- Inserir pequenos blocos de HTML dinamicamente.
- Criar exemplos rápidos durante o aprendizado.
Exemplo prático com document.write()
Como o código funciona?
- O JavaScript está entre as tags <script> e </script>.
- Quando a página é carregada, o navegador executa o código.
- O document.write() insere o texto "Este texto foi escrito pelo JavaScript" diretamente no corpo da página.
Usando HTML dentro do document.write()
Além de texto puro, você também pode colocar HTML:
Isso permite criar títulos, parágrafos, imagens e outros elementos sem precisar escrever no HTML original.
Cuidados ao usar document.write()
- Evite em projetos reais: se usado depois que a página terminou de carregar, ele pode apagar todo o conteúdo existente.
- Pouco usado hoje em dia: métodos como innerHTML ou manipulação do DOM são mais modernos e seguros.
- Ótimo para aprendizado: ajuda a entender como o JavaScript envia conteúdo para a página.
O document.write() é como um marcador de texto direto no HTML - ele insere conteúdo exatamente onde a página está sendo processada. É perfeito para exemplos rápidos e para quem está começando, mas não é a escolha ideal para projetos profissionais.
Comentários
Postar um comentário