输出Output – JavaScript html基础知识

最新推荐文章于 2024-09-23 08:20:26 发布

小云同志你好

最新推荐文章于 2024-09-23 08:20:26 发布

阅读量147

点赞数

分类专栏： JavaScript 基础知识文章标签： javascript html 开发语言

本文链接：https://blog.csdn.net/qq_37270421/article/details/133255703

版权

JavaScript 基础知识专栏收录该内容

3 篇文章

订阅专栏

输出Output – JavaScript 基础知识

可以使用 JS 以不同的方式显示输出。使用window.alert() 该功能用于显示消息警报。

<!DOCTYPE html>
<html>
<body>
<h1>Code Projects</h1>
<p>Projects, Tutorials and More </p>
<script>
window.alert("ALERT");
</script>

</body>
</html>

输出：

在这里插入图片描述

使用innerHTML

document.getElementById(id)方法可以在 JS 中使用来访问 HTML 元素。 Html元素由id属性定义，HTML内容由innerHTML定义。

<!DOCTYPE html>
<html>
<body>
<h1>Code Projects</h1>
<p>Projects, Tutorials and More </p>
<p id="ex"></p>

<script>
document.getElementById("ex").innerHTML = 50 + 50;
</script>

</body>
</html>

输出：

使用 document.write( )

<!DOCTYPE html>
<html>
<body>
<h1>Code Projects</h1>
<p>Projects, Tutorials and More </p>
<script>
document.write(50 + 50);
</script>

</body>
</html>

在这里插入图片描述

HTML 文档之后的 document.write() 将删除所有现有的 HTML 内容：

<!DOCTYPE html>
<html>
<body>
<h1>Code Projects</h1>
<p>Projects, Tutorials and More </p>
<button type="button" onclick="document.write(50 + 50)">Click</button>

</body>
</html>