Comment taper l'instruction de sortie javascript-js tutoriel-php.cn

Comment taper l'instruction de sortie javascript

青灯夜游

Libérer： 2023-01-07 11:43:52

original

3350 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

【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!