recherche

Maison  >  Article  >  interface Web  >  Comment taper l'instruction de sortie javascript

Comment taper l'instruction de sortie javascript

青灯夜游
青灯夜游original
2021-07-16 15:37:223305parcourir

Méthode d'écriture : 1. "window.alert(value)", la sortie de la boîte d'avertissement ; 2. "document.write(value)", écrivez le contenu dans le document HTML ; ", Écrire dans l'élément HTML ; 4. "console.log(value)", sortie de la console.

Comment taper l'instruction de sortie javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Instruction de sortie JS

  • Utilisez window.alert() pour écrire une boîte d'alerte

  • Utilisez document.write() pour écrire une sortie HTML

  • Utilisez innerHTML pour écrire un élément HTML

  • Utilisez console.log() Écrivez dans la console du navigateur

Utilisez window.alert()

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>使用window.alert()写入警告框</title>
</head>
<body>
    <h1>使用window.alert()写入警告框</h1>
    <p>打开或刷新当前网页的时候会弹出一个警告框！</p>
    <script>
        window.alert("点击该警告框的确定按钮之后才会显示网页内容！");
    </script>
</body>
</html>

Utilisez document.write()

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>使用document.write()</title>
</head>
<body>
    <h1>使用document.write()</h1>
    <p>下方内容是使用document.write()写入的</p>
    <script>
        document.write("使用document.write()会直接在网页上输出内容");
    </script>
</body>
</html>

Utilisez innerHTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>使用innerHTML往元素内写入内容</title>
</head>
<body>
    <h1>使用innerHTML</h1>
    <p id="demo"></p>
    <script>
        document.getElementById("demo").innerHTML = "这段文字是通过innerHTML写入的";
    </script>
</body>
</html>

Utilisez console.log( ) 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>使用console.log()在浏览器控制台输出内容</title>
</head>
<body>
    <h1>使用console.log()</h1>
    <p>在浏览器控制台输出内容</p>
    <script>
        console.log("使用console.log()在浏览器控制台输出内容");
    </script>
</body>
</html>

【Apprentissage recommandé : Tutoriel avancé javascript】

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!

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：Comment convertir une valeur numérique en chaîne en javascriptArticle suivant：Comment convertir une valeur numérique en chaîne en javascript

Articles Liés

Voir plus