Eu sempre usei o método Document.Write () para exibir dados no navegador e o usei como alerta (). Parece que esse tipo de uso é um pouco subutilizado. Vamos falar sobre seus principais usos.
O método Document.Write () pode ser usado em dois aspectos:
1. Durante o processo de carregamento da página, adicione um novo conteúdo da página com um script.
2. Use scripts de atraso para criar o conteúdo desta janela ou nova janela.
Este método requer um parâmetro de sequência, que é conteúdo HTML gravado em uma janela ou quadro. Esses parâmetros de string podem ser variáveis ou expressões com valores como strings, e o conteúdo escrito geralmente inclui linguagem de marcação HTML. Como no código a seguir, a estrutura do sistema acadêmico carrega a subpagem
A cópia do código é a seguinte:
<!-Coloque o quadro na célula->
<span style = "font-size: 18px;">
<td valign = "top" id = "content-container">
<div id = "carregando">
// Ícone de efeito de carga
<img src = "imagens /carregamento.gif" />
</div>
<script type = "text/javascript">
// chamando a função de outputiframe de js para formar uma estrutura
Index.Outputiframe ();
</script>
</td>
</span>
A cópia do código é a seguinte:
<span style = "font-size: 18px;"> // quadro de saída
Index.outputiframe = function () {
var rolling = $ .isie6 == true? 'Sim': 'Auto';
document.write ('<iframe id = "content" marginwidth = "0" margnenheight = "0" frameborder = "0" scrolling = "' + rolling + '" OnLoad = "$ (/'#carregamento/').
};
</span>
Depois que a página é carregada, o fluxo de saída do navegador é fechado automaticamente. Depois disso, qualquer método Document.Write () que opera na página atual abrirá um novo fluxo de saída, que limpará o conteúdo da página atual (incluindo quaisquer variáveis ou valores do documento de origem). Portanto, se você deseja substituir a página atual pelo HTML gerado pelo script, você deve conectar o conteúdo HTML e atribuí -lo a uma variável e usar um método Document.Write () para concluir a operação de gravação.
Outra coisa a ser explicada sobre o método Document.Write () é o seu Document.Close (). Depois que o script grava o conteúdo na janela (seja esta ou em outra janela), o fluxo de saída deve ser fechado. Após o último documento.Write () Método do script de atraso, você deve garantir que o método document.close () esteja incluído. Se você não o fizer, não pode exibir imagens e formulários. E qualquer método posteriormente chamado Document.Write () apenas anexará o conteúdo à página sem limpar o conteúdo existente para escrever o novo valor.
Para demonstrar o método Document.Write (), fornecemos duas versões do mesmo aplicativo. Um escreve conteúdo em um documento que contém o script e outro grava conteúdo em uma janela separada.
O Exemplo 1 cria um botão que combina novo conteúdo HTML para o documento, incluindo as tags HTML para o novo título do documento e os atributos de cores da tag.
No exemplo, existe um operador += que não é familiar para os leitores. Ele adiciona a string à direita à variável à sua esquerda. Essa variável é usada para armazenar a string. Este operador pode combinar facilmente várias declarações separadas em seqüências longas. Use a instrução document.write () combinada na variável NewContent para escrever todo o novo conteúdo no documento, limpando completamente o conteúdo no Exemplo 1.
Em seguida, você precisa ligar para a instrução document.close () para fechar o fluxo de saída. Ao carregar o documento e clicar no botão, você pode observar que o título do documento na barra de título do navegador muda como resultado. Quando você volta ao documento original e clica no botão novamente, pode ver que a segunda página escrita é carregada dinamicamente ainda mais rapidamente do que recarregar o documento original.
Exemplo 1 Use document.Write () na janela atual.
A cópia do código é a seguinte:
<html xmlns = "http://www.w3.org/1999/xhtml"> <title> escrevendo para o mesmo doc. </ititle>
<Script Language = "JavaScript">
// Reescreva a função
function repeatWrite () {
// salvar o conteúdo escrito
var newContent = "<html> <head> <title> um novo doc.
newContent += "<Body BGColor = 'Aqua'> <H1> Este documento é novo. </h1>"
newContent += "Clique no botão Voltar para ver o documento original".
newContent += "</body> </html>"
// Escreva um novo conteúdo
document.write (newcontent);
document.close ();
}
</script>
</head>
<Body>
<morm>
<!-Clique no botão para chamar a função de gravação->
<input type = "button" value = "substitua conteúdo" onclick = "repeatWrite ()">
</morm>
</body>
</html>
Resumir:
Recentemente, estou escrevendo um carregador de recursos estáticos, que usa document.write. Depois de experimentar algumas reviravoltas, achei que o documento. A escritura ainda tem algum conteúdo, então decidi jogar algo e gravá -lo, e ao mesmo tempo também é uma maneira de acumular algo para mim.