JavaScript输出

msn_feng023

于 2024-03-09 21:05:43 发布

阅读量375

点赞数 8

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/msn_feng023/article/details/136590881

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

JavaScript 显示方案

JavaScript 能够以不同方式"显示"数据：

使用 window.alert() 写入警告框
使用 document.write() 写入 HTML 输出
使用 innerHTML 写入 HTML 元素
使用 console.log() 写入浏览器控制台

使用 innerHTML

如需访问 HTML 元素，JavaScript 可使用 document.getElementById(id) 方法。

id 属性定义 HTML 元素innerHTML 属性定义 HTML 内容：

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My First Paragraph</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>

</body>
</html>

使用 document.write()

出于测试目的，使用 document.write() 比较方便：

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<script>
document.write(5 + 6);
</script>

</body>
</html>

在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML ：

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<button type="button" onclick="document.write(5 + 6)">Try it</button>

</body>
</html>

注意：document.write() 方法仅用于测试。

使用 window.alert()

您能够使用警告框来显示数据：

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<script>
window.alert(5 + 6);
</script>

</body>
</html>

您可以跳过window关键字。

在 JavaScript 中，窗口对象是全局范围对象，默认情况下变量、属性和方法属于窗口对象。这也意味着window关键字是可选的：

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My first paragraph.</p>

<script>
alert(5 + 6);
</script>

</body>
</html>

使用 console.log()

出于调试目的，您可以在浏览器中调用 console.log() 方法来显示数据。

<!DOCTYPE html>
<html>
<body>

<script>
console.log(5 + 6);
</script>

</body>
</html>

JavaScript 打印

JavaScript 没有任何打印对象或打印方法。

无法从 JavaScript 访问打印设备。

唯一的例外是您可以调用window.print() 方法打印当前窗口的内容。

<!DOCTYPE html>
<html>
<body>

<button onclick="window.print()">Print this page</button>

</body>
</html>

喜欢就点个赞吧！

msn_feng023

关注

8
点赞
踩
8

收藏

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

在 JavaScript 中，窗口对象是全局范围对象，默认情况下变量、属性和方法属于窗口对象。如需访问 HTML 元素，JavaScript 可使用 document.getElementById(id) 方法。出于调试目的，您可以在浏览器中调用 console.log() 方法来显示数据。唯一的例外是您可以调用window.print() 方法打印当前窗口的内容。注意：document.write() 方法仅用于测试。JavaScript 没有任何打印对象或打印方法。您可以跳过window关键字。
复制链接

扫一扫

专栏目录