Utilisation de document.write() dans JS (tutoriel détaillé)
Cet article présente principalement l'utilisation de document.write() en JS et une brève analyse des raisons de l'effacement. Les amis qui en ont besoin peuvent s'y référer
De nombreux amis ont peut-être rencontré une telle situation, c'est-à-dire que lorsque vous utilisez la fonction document.write() pour écrire du contenu sur une page Web, le contenu original du document sera effacé. C'est un problème pour les débutants. Voici une introduction à la raison pour laquelle cela se produit. savoir comment éviter que cette situation ne se produise.
Regardons d'abord un exemple de code :
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>Document</title>
<script type="text/javascript">
window.onload=function(){
document.write("重温 JavaScript");
}
</script>
</head>
<body>
<p>Hello JavaScript</p>
</body>
</html>À partir du code ci-dessus, nous pouvons voir que la fonction document.write() efface le contenu du document original. Ce qui suit est une introduction. à la façon dont cette situation se produit. Raison :
L'événement window.onload consiste à exécuter la fonction de traitement d'événement une fois le contenu du document complètement chargé. Bien sûr, le flux de documents a été fermé à ce moment-là. La fonction document.writ() appellera automatiquement document.open(). La fonction crée un nouveau flux de documents, écrit un nouveau contenu et l'affiche via le navigateur, écrasant ainsi le contenu original. Cependant, de nombreux amis se demandent encore pourquoi, dans la situation suivante, le contenu de la page Web d'origine ne sera pas écrasé. Le code est le suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>Document</title>
<script type="text/javascript">
document.write("重温 JavaScript");
</script>
</head>
<body>
<p>Hello JavaScript</p>
</body>
</html>Dans le code ci-dessus, le document original. le contenu n'est pas écrasé. Vide, car le flux de documents actuel est créé par le navigateur et la fonction document.wirte() s'y trouve, c'est-à-dire que le flux de documents n'est pas fermé lorsque cette fonction est exécutée, et le document. open() ne sera pas appelé pour le moment. La fonction crée un nouveau flux de documents, il ne sera donc pas écrasé. Certains amis peuvent demander pourquoi la méthode suivante ne fonctionne toujours pas. Le code est le suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>Document</title>
<script type="text/javascript">
document.close();
document.write("重温 JavaScript");
</script>
</head>
<body>
<p>Hello JavaScript</p>
</body>
</html>Le flux de documents est fermé à l'aide de document.close() ci-dessus. Pourquoi le contenu original n'est-il pas fermé. être écrasé ? Malheureusement, le flux de documents est créé par le navigateur et ne peut pas être fermé manuellement sans autorisation. La fonction document.close() ne peut fermer que le flux de documents créé par la fonction document.open(). Regardez l'exemple de code suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>Document</title>
<script type="text/javascript">
function create(){
var newWindow=window.open("","Document","_blank");
newWindow.document.write("Hello JavaScript");
newWindow.document.close();
newWindow.document.write("覆盖后的输出");
}
window.onload=function(){
var obt=document.getElementById("bt");
obt.onclick=function(){
create();
}
}
</script>
</head>
<body>
<p id="print">Hello JavaScript</p>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>Le flux de documents créé par document.open() peut être fermé par document.close(), puis le contenu généré par le deuxième document.write() sera écrasé. Le premier contenu de sortie.
Lors du référencement de JavaScript externe de manière asynchrone, vous devez d'abord exécuter document.open() pour effacer le document, puis exécuter document.write(). Les paramètres sont écrits au début du contenu du corps.
Si vous exécutez document.write() directement sans exécuter document.open() au préalable, il ne sera pas valide et Chrome affichera l'invite suivante :
// asyncWrite.js document.open(); document.write('<p>test</p>'); document.close(); <!-- asyncWrite.html --> <!-- 运行前 --> <body> <script src="asyncWrite.js" async></script> </body> <!-- 运行后 --> <body> <p>test</p> </body>
document.write() peut également écrire des chaînes contenant des balises de script, mais elles doivent être échappées. Le contenu écrit dans la balise de script s'exécutera normalement.
<!-- 运行前 -->
<script>
document.write('<script>document.write("<p>test</p>");<\/script>');
</script>
<!-- 运行后 -->
<script>
document.write('<script>document.write("<p>test</p>");<\/script>');
</script>
<script>document.write("<p>test</p>");</script>
<p>test</p>document.write() peut transmettre plusieurs paramètres.
<!-- 运行前 -->
<body>
<script>
document.write('<h2 id="multiArgument">multiArgument</h2>','<p>test</p>');
</script>
</body>
<!-- 运行后 -->
<body>
<script>
document.write('<h2 id="multiArgument">multiArgument</h2>','<p>test</p>');
</script>
<h2 id="multiArgument">multiArgument</h2>
<p>test</p>
</body>J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.
Articles connexes :
Comment utiliser la portée dans la portée angulaire
Comment implémenter le chargement dynamique de graphiques à barres dans AngularJS
À propos des principes réactifs dans Vue (tutoriel détaillé)
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Comment récupérer l'historique de navigation effacé
Feb 18, 2024 pm 10:05 PM
Comment restaurer l'historique d'une page Web après son effacement Date : 10 juin 2022 Introduction : Lorsque nous utilisons quotidiennement des navigateurs d'ordinateurs ou de téléphones mobiles, nous utilisons souvent l'historique du navigateur pour rechercher les pages Web que nous avons déjà visitées. Cependant, nous pouvons parfois effacer accidentellement l'historique de notre navigateur, ce qui nous empêche de récupérer une page Web spécifique. Dans cet article, je vais vous expliquer quelques façons de récupérer l'historique Web effacé. Méthode 1 : utilisez la fonction de récupération du navigateur. Les navigateurs les plus courants proposent la fonction de restauration de l'historique, comme Google.
Comment effacer du contenu sur Weibo_Tutorial sur la suppression de contenu sur Weibo
Mar 30, 2024 pm 05:51 PM
1. Ouvrez d’abord l’application Weibo et cliquez sur Mon dans le coin inférieur droit. 2. Entrez ensuite dans l'interface du centre personnel et cliquez sur Weibo dans le coin supérieur gauche. 3. Enfin, saisissez et supprimez les messages Weibo un par un.
Comment gérer la perte de bureau après la mise à jour KB4532693 ?
Dec 27, 2023 am 11:41 AM
Lorsque nous utilisons des ordinateurs équipés du système d'exploitation Win10, parfois, si un problème survient, nous choisirons certainement de mettre à jour le correctif système. Ainsi, dans le cas où le bureau s'efface après l'installation de la mise à jour KB4532693, l'éditeur pense que le nouveau correctif n'est peut-être pas suffisamment stable, il est donc toujours probable que des problèmes surviennent lors de son utilisation. Nous pouvons d'abord essayer de désinstaller le correctif. Jetons un coup d'œil aux étapes détaillées pour voir comment l'éditeur a procédé ~ Que faire si le bureau est effacé après la mise à jour KB4532693 ? 1. Microsoft commencera à déployer le correctif de sécurité Windows 10 KB4532693 le 11 février. 2. La version du système le numéro sera mis à jour à 18363.657, mais récemment certains internautes ont découvert , 3. L'installation de cette mise à jour entraînera de nouveaux problèmes système, Wind
Comment effacer le brouillon sur Weibo_Tutorial pour effacer le brouillon sur Weibo
Mar 30, 2024 pm 08:31 PM
1. Ouvrez l'application Sina Weibo et saisissez [Moi] dans le coin inférieur droit. 2. Après avoir entré, vous pouvez voir la zone de brouillon en haut de la page, puis cliquer pour l'ouvrir. 3. Après avoir entré, appuyez longuement sur le brouillon que vous souhaitez supprimer, et les deux options [Supprimer le brouillon] et [Effacer la boîte de brouillon] apparaîtront. 4. Cliquez sur [Effacer la boîte de brouillon].
Comment effacer les questions qui ont été posées dans l'application Chalk Comment effacer les questions qui ont été posées dans l'application Chalk
Mar 12, 2024 pm 01:43 PM
Comment effacer les questions qui ont été posées dans l'application Chalk ? L'application Chalk est un logiciel qui permet aux utilisateurs de poser des questions directement. Ce logiciel propose également de nombreuses leçons vidéo et documents. Les utilisateurs peuvent choisir de télécharger les vidéos et les documents dont ils ont besoin lorsqu'il y a du Wi-Fi, afin que nous puissions les regarder sans consommer. données en attendant le bus ou dans le bus. Certains utilisateurs ont posé quelques questions à ce sujet et souhaitent ensuite effacer les enregistrements de questions. L'éditeur ci-dessous a compilé des méthodes pour effacer les enregistrements de questions pour votre référence. Comment effacer les questions complétées dans l'application Chalk ? L'application Chalk et la page Web ne fournissent pas la fonction d'effacement des questions complétées. Si vous souhaitez refaire les questions complétées, vous devez créer un nouveau compte pour l'utiliser. . Dans Chalk APP, tout
Comment récupérer des fichiers si vous avez accidentellement vidé la corbeille
Feb 21, 2024 pm 06:45 PM
Comment récupérer des fichiers après avoir vidé accidentellement la corbeille Lorsque nous utilisons des fichiers sur l'ordinateur, nous rencontrons souvent des situations inattendues, comme vider accidentellement la corbeille, provoquant la suppression de fichiers importants. À l’heure actuelle, de nombreuses personnes peuvent paniquer et se demander comment récupérer les fichiers supprimés. Mais en réalité, avec l’aide des bonnes méthodes et outils, nous avons encore une chance de récupérer ces fichiers importants. Cet article vous présentera quelques méthodes et outils pour vous aider à récupérer les fichiers de la corbeille que vous avez accidentellement vidé. Tout d'abord, ce qu'il faut comprendre, c'est que
Trouver le joueur avec le moins de zéros après avoir vidé une chaîne binaire (en supprimant les sous-chaînes non vides)
Sep 16, 2023 am 10:21 AM
Dans cet article, nous aborderons un problème intéressant lié au domaine de la manipulation de chaînes et de la théorie des jeux : "Vider une chaîne binaire en supprimant les sous-chaînes non vides et trouver le joueur avec le moins de zéros restants". Cette question explore le concept d'utilisation de chaînes binaires pour les jeux compétitifs. Notre objectif est de trouver le joueur avec le moins de 0 restant à la fin de la partie. Nous discuterons de ce problème, fournirons une implémentation de code C++ et expliquerons le concept à travers un exemple. Comprendre l'énoncé du problème Deux joueurs reçoivent une chaîne binaire et jouent à tour de rôle. A chaque tour, le joueur supprime les sous-chaînes non vides contenant au moins un "1". Le jeu se termine lorsque la chaîne devient vide ou qu'il n'y a pas de "1" dans la chaîne. Les joueurs incapables d’agir perdent la partie. La tâche est de trouver le 0 final
Comment effacer les enregistrements de courrier électronique supprimés dans la boîte aux lettres QQ
Mar 20, 2024 pm 09:26 PM
En tant qu'outil important pour l'envoi et la réception quotidiens d'e-mails, la boîte aux lettres QQ nous offre un moyen de communication pratique. Au quotidien, nous supprimons généralement les e-mails lus ou spam, mais une simple suppression ne peut pas les supprimer complètement, donc afin d'économiser de l'espace et de garder la boîte aux lettres bien rangée, c'est une bonne habitude de vider les e-mails supprimés. Les utilisateurs qui souhaitent supprimer complètement ces emails devraient donc suivre cet article pour en savoir plus ! Comment effacer les e-mails supprimés dans la boîte aux lettres QQ 1. Tout d'abord, cliquez pour ouvrir la boîte aux lettres QQ, faites défiler la page et recherchez l'option supprimée. 2. Cliquez ensuite pour accéder à la page et sélectionnez le bouton Modifier dans le coin supérieur droit. 3. Sélectionnez ensuite Effacer parmi les options qui apparaissent en bas. 4. Confirmez enfin et cliquez sur Effacer 1
