Titre réécrit : Comment générer au mieux du JavaScript ?
P粉969253139
2023-08-14 11:27:09
<p>J'apprends JavaScript et j'ai vu que la méthode recommandée pour générer du code est d'utiliser document.getElementById..., et Document.write ne doit être utilisé que dans les tests...</p>
<p>Est-ce la meilleure façon de générer un script ? Que fait exactement ce code ? J'ai écrit le code suivant, je ne sais pas comment fonctionne la "démo" et pourquoi elle est nécessaire... </p>
<pre class="brush:php;toolbar:false;"><html>
<tête>
<script>
fonction addNumbers(arr){
var je, réponse =0 ;
pour(i=0; i<arr.length; i++){
réponse += arr[i];
}
renvoyer la réponse ;
}
</script>
≪/tête>
<corps>
<h4> Fonction addNumbers : </h4>
<p id="demo"></p>
<script>
var monTableau = [1,2,3,4,5,6,7,8,9];
document.getElementById("demo").innerHTML = addNumbers(myArray);
</script>
</corps>
</html></pre>
<p><br /></p>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Demo fait référence au paragraphe portant l'identifiant "demo". Vous pouvez utiliser un identifiant (qui doit être unique sur toute la page HTML) pour identifier et utiliser les balises html en javascript.
document.write n'est en effet plus utilisé aussi souvent. Il existe plusieurs raisons. Puisqu'il existe de bonnes explications sur le Web, consultez ces réponses ou cet article.
Si vous ajoutez des balises manquantes comme
</head>，<body>和<script>, votre code fonctionnera correctement et la journalisation de la console aura lieu. Exécutez l'extrait de code ci-dessous.En remarque, la meilleure pratique consiste désormais à effectuer le traitement et le chargement du javascript en bas de la page avant de fermer la balise
</body>. Parce que tout chargement se produit après le chargement du DOM.function addNumbers(arr) { var i, answer = 0; for (i = 0; i < arr.length; i++) { answer += arr[i]; } return answer; } var myArray = [1, 2, 3, 4, 5, 6, 7, 8, 9]; document.getElementById("demo").innerHTML = addNumbers(myArray); console.log(addNumbers(myArray))Faites un pas en arrière, faites deux pas en avant :
document.writeest l'une des trois fonctionsdocument.open()Ouvre un document pour l'écrire à partir de zéro, en supprimant le contenu du document existant s'il existe.document.write( string)Insérez des chaînes dans le flux de caractères utilisé pour créer des pages Web.document.close()Fermez un document pour rédaction. Une écriture ultérieure rouvrira le document et effacera le contenu existant dans le processus.Considérez maintenant ce qui suit
document.open/write/closeExiste avant que le DOM ne soit standardisé et disponible.Par conséquent,
document.write在现代Web编程中几乎没有用处。如果在页面加载完成后使用，它会清除页面内容。它几乎完全限于学生教程，这些学生尚未学习到DOM的存在，以及在使用window.opena peu d’utilité dans la programmation Web moderne. S'il est utilisé une fois le chargement de la page terminé, il efface le contenu de la page. Il est presque entièrement limité aux tutoriels destinés aux étudiants qui n'ont pas encore appris que le DOM existe, et à une utilisation occasionnelle lors de l'écriture de contenu par programmation dans une fenêtre enfant ouverte à l'aide dewindow.open.Tous les éléments HTML de la page existent en tant que nœuds HTMLelement dans le DOM. Il est possible de modifier le contenu de la page rendue lors de la mise à jour avec une chaîne de texte provenant d'un script en appelant un attribut tel que
document.getElementById或document.querySelector之类的方法来访问这些元素，并作为JavaScript对象值返回。HTMLElement根据标签类型而异，但如果它们表示HTML容器元素，则具有诸如innerHTML和textContent.Pour répondre à votre question, "demo" est la valeur id du HTMLParagraphElement, où la valeur id est utilisée pour accéder à un élément spécifique dans le DOM - la
idvalue doit être unique parmi les HTMLElements de la page.En utilisant
document.getElementById查询DOM可以获取（段落）元素对象。随后更改元素的innerHTMLcontent, le document sera restitué avec un nouveau contenu, mettant à jour l'affichage de la page.