JavaScript 显示数据

2020年9月20日 0条评论 437次阅读 0人点赞

JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据：
– 使用 window.alert() 弹出警告框。
– 使用 document.write() 方法将内容写到 HTML 文档中。
– 使用 innerHTML 写入到 HTML 元素。
– 使用 console.log() 写入到浏览器的控制台。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>菜鸟教程(runoob.com)</title>
    </head>
    <body>
        <h1>我的第一个页面</h1>
        <p id="demo">我的第一个段落</p>

        <!-- 在上面的内容下面继续写入当前时间 -->
        <script>
            document.write(Date());
        </script>

        <!-- 打开页面是会执行弹窗, 弹出5+6的结果,也就是11 -->
        <script>
            window.alert(5 + 6);
        </script>

        <!-- 直接修改html页面内容,修改后再页面上显示 -->
        <script>
            document.getElementById('demo').innerHTML = '段落已修改。';
        </script>

        <!-- 在浏览器控制台终端打印日志, Console -->
        <script>
            c = 5 + 6;
            console.log(c);
        </script>
    </body>
</html>