Maison > interface Web > js tutoriel > js document.write() utilisation des compétences introduction_javascript

js document.write() utilisation des compétences introduction_javascript

WBOY
Libérer: 2016-05-16 16:58:39
original
1808 Les gens l'ont consulté

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. Il effacera le contenu de la page actuelle (y compris toutes les variables ou valeurs du document source), donc. 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 et utiliser une méthode document.write() pour terminer l'opération d'écriture. Vous n'avez pas besoin d'effacer le document. et ouvrez un nouveau flux de données. Un document.write() ) peut être appelé pour terminer toutes les opérations.

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 de retard. Vous devez vous assurer que la méthode document.close() est incluse, sinon les images et les formulaires ne seront pas 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.

Méthode document.write

L'une des commandes JavaScript les plus élémentaires est document.write. Cette commande imprime simplement le contenu textuel spécifié sur la page. Pour imprimer le texte textuellement, ajoutez des guillemets simples autour de la chaîne de texte imprimée.

Copier le code Le code est le suivant :

document.write('Hello World!' )

Le code js ci-dessus affichera "Hello World!" sur la page
Vous pouvez utiliser document.write pour imprimer des variables. Saisissez le nom de la variable sans guillemets, comme suit :

Copier le code Le code est le suivant :

var mytext = "Bonjour encore";
document .write(montexte);

Remarque : si le nom de la variable est mis entre guillemets, le nom de la variable sera imprimé (la valeur de la variable ne sera pas imprimée). Vous pouvez utiliser le symbole " " pour concaténer des valeurs de variables et des chaînes de texte.

Copier le code Le code est le suivant :

var color1 = "violet" var color2 = "rose";
document.write('

colour1: ' colour1 '
colour2: ' colour2 '

'

Le résultat de l'impression est le suivant :

couleur1 : violet

couleur2 : rose


document.write est également principalement utilisé pour charger des publicités js

document.write('');
document.write("");
document.write("< scri" " pt src="http://www.jb51.net/ad.js" type="text/javascript">");


Généralement, les guillemets simples (guillemets doubles) sont utilisés pour relier les caractères à l'extérieur, et les signaux doubles (guillemets simples) sont utilisés à l'intérieur, afin qu'il n'y ait pas d'erreur. Bien sûr, vous pouvez également utiliser des caractères d'échappement, mais cela sera plus difficile à modifier ultérieurement.

Le js chargé dans document.write est asynchrone

Copier le code Le code est le suivant :




   
       
       
    ') ;
    }  

           load("http://www.jb51.net/js/2011/jquery-1.5.1.min.js");
          // write("http://www.jb51.net/js/2011/jquery-1.5.1.min.js");

  
< script>
alert($);


问: 用createElement("script")的方式加载,调用函数就会报错,用document.write就不报错?

答案:

这种写法 FF Opera而言 charger 方法是阻塞的 故alert ($)能输出,而对IE Chrome Safria 即同步的所以alert($)会输出正确结果

Étiquettes associées:
js
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal