简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Titre réécrit : Comment générer au mieux du JavaScript ?
P粉969253139
P粉969253139 2023-08-14 11:27:09
0
2
415
<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>
P粉969253139
P粉969253139

répondre à tous(2)
P粉827121558
P粉8271215582023-08-15 10:45:51 2 plancher

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))
<html>

<head>

</head>

<body>

  <h4> Function addNumbers: </h4>

  <p id="demo">This is a paragraph that can be identified using the id attribute.</p>

</body>

</html>
Comme +0
Ajouter une réponse
P粉757432491
P粉7574324912023-08-15 09:16:35 1 plancher

Faites un pas en arrière, faites deux pas en avant :

document.write est l'une des trois fonctions

  • document.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

  1. À la fin du flux de saisie de la page, le document est automatiquement fermé.
  2. Les documents sont construits à l'aide du « Modèle objet de document » (« DOM »), accessible et manipulable à partir de scripts.
  3. document.open/write/close Existe avant que le DOM ne soit standardisé et disponible.

Par conséquent, document.write 在现代Web编程中几乎没有用处。如果在页面加载完成后使用，它会清除页面内容。它几乎完全限于学生教程，这些学生尚未学习到DOM的存在，以及在使用window.open a 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 de window.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.

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！