js输出方式

最新推荐文章于 2024-06-14 20:17:13 发布

X-Rich

最新推荐文章于 2024-06-14 20:17:13 发布

阅读量966

点赞数

文章标签： JavaScript window.alert document.write console.log innerHTML

本文链接：https://blog.csdn.net/qq_64156125/article/details/128055226

版权

JavaScript 不提供任何内建的打印或显示函数。

1.JavaScript 能够以下四种不同方式输出数据：

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>(runoob.com)</title>
</head>
<body>
<script>
alert(5 + 6);
</script>
</body>
</html>

结果为窗口弹窗为 11；

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

结果为：显示一个按钮，点击触发事件，html文档流中会出现结果为11；

注意：在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML，上例表现为按钮消失。

在浏览器中，您可使用 console.log() 方法来显示数据。

请通过 F12 来激活浏览器控制台，并在菜单中选择“控制台”

如需访问 HTML 元素，innerHTML需要配合 document.getElementById(id) 方法。

document.getElementById(id)属性寻找id值相同的 HTML 元素。innerHTML 属性定义替换 HTML 内容

<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>

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

</body>
</html>

关注