J'ai toujours utilisé la méthode document.write () pour afficher des données dans le navigateur et je l'ai utilisée comme alert (). Il semble que ce type d'utilisation soit un peu sous-utilisé. Parlons de ses principales utilisations.
La méthode document.write () peut être utilisée sous deux aspects:
1. Pendant le processus de chargement de la page, ajoutez un nouveau contenu de page avec un script.
2. Utilisez des scripts de retard pour créer le contenu de cette fenêtre ou de la nouvelle fenêtre.
Cette méthode nécessite un paramètre de chaîne, qui est le contenu HTML écrit dans une fenêtre ou une trame. Ces paramètres de chaîne peuvent être des variables ou des expressions avec des valeurs sous forme de chaînes, et le contenu écrit comprend souvent un langage de balisage HTML. Comme dans le code suivant, le cadre du système académique charge la sous-page
La copie de code est la suivante:
<! - Mettez le cadre dans la cellule ->
<span style = "Font-Size: 18px;">
<td valign = "top" id = "contenu-container">
<div id = "chargement">
// Icône de chargement
<img src = "images / chargés.gif" />
</div>
<script type = "text / javascript">
// appelle la fonction de sortie de sortie de JS pour former un framework
Index.Outputiframe ();
</cript>
</td>
</span>
La copie de code est la suivante:
<span style = "Font-Size: 18px;"> // cadre de sortie
Index.Outputiframe = function () {
var scrolling = $ .isie6 == true? «Oui»: «Auto»;
document.write ('<iframe id = "contenu" marginwidth = "0" marginheight = "0" frameborder = "0" scrolling = "' + scrolling + '" onload = "$ (/' # chargement / '). hide (); $ (this) .show ();" src = ""> </ iframe>');
};
</span>
Une fois la page chargée, le flux de sortie du navigateur est automatiquement fermé. Après cela, toute méthode document.write () qui fonctionne sur la page actuelle ouvrira un nouveau flux de sortie, qui effacera le contenu de la page actuelle (y compris toutes les variables ou valeurs du document source). Par conséquent, si vous souhaitez remplacer la page actuelle par le HTML généré par le script, vous devez connecter le contenu HTML et le affecter à une variable, et utiliser une méthode document.write () pour terminer l'opération d'écriture.
Une autre chose à expliquer sur la méthode document.write () est sa méthode connexe Document.close (). Une fois que le script a écrit le contenu de la fenêtre (que ce soit cette fenêtre ou une autre fenêtre), le flux de sortie doit être fermé. Après la dernière méthode Document.Write () du script de retard, vous devez vous assurer que la méthode document.close () est incluse. Si vous ne le faites pas, vous ne pouvez pas afficher des images et des formulaires. Et, toute méthode par la suite appelée document.write () ne ajoutera que le contenu à la page sans effacer le contenu existant pour écrire la nouvelle valeur.
Pour démontrer la méthode document.write (), nous fournissons deux versions de la même application. L'un écrit du contenu d'un document contenant le script, et un autre écrit du contenu d'une fenêtre distincte.
L'exemple 1 crée un bouton qui combine un nouveau contenu HTML pour le document, y compris les balises HTML pour le nouveau titre de document et les attributs de couleur de la balise.
Dans l'exemple, il existe un opérateur + = qui n'est pas familier aux lecteurs. Il ajoute la chaîne à droite à la variable à sa gauche. Cette variable est utilisée pour stocker la chaîne. Cet opérateur peut facilement combiner plusieurs instructions distinctes en chaînes longues. Utilisez l'instruction document.write () combinée dans la variable newContent pour écrire tout le nouveau contenu dans le document, en effectue complètement le contenu dans l'exemple 1.
Ensuite, vous devez appeler l'instruction document.close () pour fermer le flux de sortie. Lors du chargement du document et de la cliquetis sur le bouton, vous pouvez remarquer que le titre du document dans la barre de titre du navigateur change en conséquence. Lorsque vous revenez au document d'origine et cliquez à nouveau sur le bouton, vous pouvez voir que la deuxième page écrite se charge dynamiquement encore plus rapidement que le rechargement du document d'origine.
Exemple 1 Utilisez Document.Write () dans la fenêtre actuelle.
La copie de code est la suivante:
<html xmlns = "http://www.w3.org/1999/xhtml"> <itle> Écriture dans le même document </ title>
<script linguisse = "javascript">
// Réécrivez la fonction
fonction repeatwrite () {
// Enregistrer le contenu écrit
var newContent = "<html> <éad- head> <itle> un nouveau doc </Title> </ head>"
newContent + = "<body bgcolor = 'aqua'> <h1> Ce document est tout nouveau. </h1>"
newContent + = "Cliquez sur le bouton Retour pour voir le document d'origine."
neftContent + = "</ body> </html>"
// Écrivez un nouveau contenu
Document.Write (NewContent);
document.close ();
}
</cript>
</ head>
<body>
<formulaire
<! - Cliquez sur le bouton pour appeler la fonction d'écriture ->
<entrée type = "bouton" value = "Remplacer le contenu" onClick = "répéterwrite ()">
</ form>
</docy>
</html>
Résumer:
Récemment, j'écris un chargeur de ressources statique, qui utilise Document.Write. Après avoir vécu quelques rebondissements, j'ai trouvé que Document.Write a toujours du contenu, j'ai donc décidé de lancer quelque chose et de l'enregistrer, et en même temps, c'est aussi un moyen d'accumuler quelque chose pour moi.