输出Output – JavaScript html基础知识

输出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>
输出 :在这里插入图片描述

在这里插入图片描述

单击按钮后现有的 html 内容将被删除

猜你喜欢

转载自blog.csdn.net/qq_37270421/article/details/133255703
今日推荐