3、JavaScript输出

JavaScript 可以通过不同的方式来输出数据:

(1)使用 window.alert() 弹出警告框。

代码:

<body>
    <h1>我的第一个 JavaScript 程序</h1>
    <script>window.alert("警告,这是一个JavaScript程序");</script>
</body>

效果:

(2)使用 document.write() 方法将内容写到 HTML 文档中。

以将JavaScript直接写在HTML 文档中

代码:

<body>
    <h1>这是一个JavaScript 程序</h1>
    <p id="demo">第一个段落。</p>
    <script>document.write(Date());</script>
</body>

效果:

(3)使用 innerHTML 写入到 HTML 元素。

如需从 JavaScript 访问某个 HTML 元素,可以使用document.getElementById(id) 方法。


document.getElementById("demo")是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。


innerHTML = "段落已修改。"是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。

代码:

<body>
    <h1>这是一个JavaScript 程序</h1>
    <p id="demo">第一个段落。</p>
    <script>
        document.getElementById("demo").innerHTML="段落已修改。";
    </script>
</body>

效果:

(4)使用 console.log() 写入到浏览器的控制台

如果浏览器支持调试,你可以使用console.log()方法在浏览器中显示JavaScript 值。浏览器中使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单。

代码:

<body>
    <h1>这是一个JavaScript 程序</h1>
    <p id="demo">第一个段落。</p>
    <script>
    a = 5;
    b = 6;
    c = a + b;
    console.log(c);
    </script>
</body>

效果: