recherche

Maison >interface Web >js tutoriel >Sortie de base JavaScript et tutoriel d'écriture intégré_Connaissances de base

Sortie de base JavaScript et tutoriel d'écriture intégré_Connaissances de base

WBOY
WBOYoriginal
2016-05-16 15:36:021233parcourir

JavaScript n'a aucune fonction d'impression ou de sortie.
En HTML, JavaScript est couramment utilisé pour manipuler des éléments HTML.
Manipuler les éléments HTML
Pour accéder à un élément HTML depuis JavaScript, vous pouvez utiliser la méthode document.getElementById(id).
Veuillez utiliser l'attribut "id" pour identifier les éléments HTML et innerHTML pour obtenir ou insérer le contenu de l'élément :
Exemple

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p id="demo">我的第一个段落</p>

<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>

</body>
</html>

L'instruction JavaScript ci-dessus (dans la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a) peut être exécutée dans un navigateur Web :

  • document.getElementById("demo") est un code JavaScript qui utilise l'attribut id pour rechercher un élément HTML.
  • innerHTML = "Paragraphe modifié." est le code JavaScript utilisé pour modifier le contenu HTML (innerHTML) de l'élément.

Écrire dans un document HTML
À des fins de tests, vous pouvez écrire du JavaScript directement dans le document HTML :
Exemple

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p>我的第一个段落。</p>

<script>
document.write(Date());
</script>

</body>
</html>

Veuillez utiliser document.write() pour écrire uniquement le contenu du document.
Si document.write est exécuté une fois le chargement du document terminé, la page HTML entière sera écrasée.
Exemple

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p>我的第一个段落。</p>

<button onclick="myFunction()">点我</button>

<script>
function myFunction() {
document.write(Date());
}
</script>

</body>
</html>

Écrire sur la console
Si votre navigateur prend en charge le débogage, vous pouvez utiliser la méthode console.log() pour afficher les valeurs JavaScript dans le navigateur.
Utilisez F12 dans le navigateur pour activer le mode débogage, puis cliquez sur le menu "Console" dans la fenêtre de débogage.
Exemple

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html>

Déclaration：
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
Article précédent：JS implémente un code de menu pliable vertical gris argenté avec effet stéréoscopique 3DArticle suivant：JS implémente un code de menu pliable vertical gris argenté avec effet stéréoscopique 3D

Articles Liés

Voir plus