JavaScript——输出

最新推荐文章于 2022-11-24 23:20:03 发布

时光·漫步zth

最新推荐文章于 2022-11-24 23:20:03 发布

阅读量290

点赞数 1

分类专栏： JavaScript 前端文章标签： JavaScript 输出

本文链接：https://blog.csdn.net/qq_41573234/article/details/84871093

版权

前端同时被 2 个专栏收录

36 篇文章 3 订阅

订阅专栏

JavaScript

3 篇文章 0 订阅

订阅专栏

JavaScript 显示数据

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

使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。

1. 使用 window.alert()

你可以弹出警告框来显示数据：

<script>
    window.alert("Hello World");
</script>

2. 写到 HTML 文档

<body>
<h1>纵有红颜，百生千劫</h1>
<h2>难消君心，万古情愁</h2>
<script>
    document.write(Date());
</script>
</body>

执行结果：

纵有红颜，百生千劫
难消君心，万古情愁
Fri Dec 07 2018 15:57:45 GMT+0800 (中国标准时间)

【注意】：

使用 document.write() 仅仅向文档输出写内容。

如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
<h1>纵有红颜，百生千劫</h1>
<h2>难消君心，万古情愁</h2>
<button onclick="fun1()">一曲终了</button>
<script>
    document.write(Date());
    function fun1() {
        document.write("悲欣交集");
    }
</script>
</body>
</html>

3. 写到控制台

可以使用 console.log() 方法在浏览器中显示 JavaScript 值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
<script>
    a = 23;
    b = 34;
    console.log(a+b);
</script>
</body>
</html>

时光·漫步zth

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript——输出

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

扫一扫