recherche

Maison >interface Web >js tutoriel >Quelques conseils sur l'utilisation des compétences document.write_javascript

Quelques conseils sur l'utilisation des compétences document.write_javascript

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBoriginal
2016-05-16 16:48:251226parcourir

J'utilise la méthode document.write() pour afficher les données dans le navigateur et je l'utilise comme Alert(). Il semble que cette utilisation soit excessive. Parlons de ses principales utilisations.

La méthode document.write() peut être utilisée de deux manières :

1. Pendant le processus de chargement de la page, utilisez un script pour ajouter un nouveau contenu de page.

2. Utilisez un script de delay pour créer le contenu de cette fenêtre ou d'une nouvelle fenêtre.

Cette méthode nécessite un paramètre de chaîne, qui est le contenu HTML écrit dans la fenêtre ou le cadre. Ces paramètres de chaîne peuvent être des variables ou des expressions dont les valeurs sont des chaînes, et le contenu écrit inclut souvent un langage de balisage HTML. Comme le montre le code suivant, le cadre du système éducatif est chargé dans la sous-page

Copier le code Le code est le suivant :


       
  
                                                                          >









Copier le code

Le code est le suivant :

//Cadre de sortie Index.OutputIframe = function () { var scrolling = $.isIE6 == true ? 'yes' : 'auto'; document.write(' '); };

Après le chargement de la page, le flux de sortie du navigateur est automatiquement fermé. Après cela, toute méthode document.write() qui opère 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 du HTML généré par un script, vous devez concaténer le contenu HTML et l'attribuer à une variable, puis utiliser une méthode document.write() pour terminer l'opération d'écriture.

Une autre chose à noter à propos de la méthode document.write() est sa méthode associée document.close(). Une fois que le script a fini d'écrire le contenu dans la fenêtre (qu'il s'agisse de cette fenêtre ou d'une autre fenêtre), le flux de sortie doit être fermé. Après la dernière méthode document.write() du script delay, vous devez vous assurer que la méthode document.close() est incluse, sinon les images et les formulaires ne pourront pas être affichés. De plus, tout appel ultérieur à la méthode document.write() ajoutera uniquement le contenu à la page, mais n'effacera pas le contenu existant pour écrire de nouvelles valeurs.

Pour démontrer la méthode document.write(), nous proposons deux versions de la même application. L'un écrit dans le document contenant le script et l'autre écrit dans une fenêtre séparée.

L'exemple 1 crée un bouton qui assemble le nouveau contenu HTML pour le document, y compris une balise HTML pour le titre du nouveau document et un attribut de couleur pour la balise.

Dans l'exemple, il y a un opérateur = qui n'est pas familier aux lecteurs. Il ajoute la chaîne du côté droit à la variable du côté gauche. Cette variable permet de stocker la chaîne. Cet opérateur peut facilement convertir plusieurs chaînes. . Les déclarations individuelles sont combinées dans une longue chaîne. Tout nouveau contenu peut être écrit dans le document à l'aide de l'instruction document.write() combinée au contenu de la variable newContent, effaçant complètement le contenu de l'exemple 1.

Ensuite, vous devez appeler l'instruction document.close() pour fermer le flux de sortie. Lorsque le document est chargé et que vous cliquez sur le bouton, notez 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 dynamiquement se charge encore plus rapidement que le rechargement du document d'origine.

L'exemple 1 utilise document.write() dans la fenêtre actuelle.

Copier le code Le code est le suivant :

Écrire dans le même document