Maison > interface Web > js tutoriel > Contenu d'affichage de la sortie JavaScript (tutoriel de base)

Contenu d'affichage de la sortie JavaScript (tutoriel de base)

亚连
Libérer: 2018-05-19 14:04:26
original
2097 Les gens l'ont consulté

Les amis qui viennent de commencer à entrer en contact avec js doivent être exposés à la sortie de js, ils utiliseront donc certainement document.write, alert, innerHTML, console.log. Voici une brève introduction. Les amis dans le besoin peuvent le faire. référez-vous à lui

Sortie JavaScript

JavaScript n'a aucune fonction d'impression ou de sortie.

JavaScript affiche les données

JavaScript peut générer des données de différentes manières :
Utilisez window.alert() pour faire apparaître une boîte d'alerte.
Utilisez la méthode document.write() pour écrire du contenu dans un document HTML.
Utilisez innerHTML pour écrire dans des éléments HTML.
Utilisez console.log() pour écrire sur la console du navigateur.

Utilisez window.alert()
Vous pouvez faire apparaître une boîte d'alerte pour afficher les données :

<!DOCTYPE html>
<html>
<body>

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

<script>
window.alert(5 + 6);
</script>

</body>
</html>
Copier après la connexion

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 :

<!DOCTYPE html>
<html>
<body>

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

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

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

</body>
</html>
Copier après la connexion

L'instruction JavaScript ci-dessus (dans la balise

Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal