JavaScript向页面输出内容的四种方法

最新推荐文章于 2024-05-05 22:36:39 发布

默茉

最新推荐文章于 2024-05-05 22:36:39 发布

阅读量2.9w

点赞数 6

分类专栏： ES6

本文链接：https://blog.csdn.net/weixin_43081805/article/details/89456058

版权

ES6 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

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

1.使用window.alert()输出警告框

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>弹出框</title>
</head>
<script>
alert("通过弹出框输出内容");
</script>
<body>
</body>
</html>

2.使用console.log()写入到浏览器的控制台

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>通过console向控制台输出内容</title>
</head>
<script>
console.log("通过console向控制台输出了内容")
</script>
<body>
</body>
</html>

3.使用innerHTML写入到HTML元素

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>通过innerHTML方法向页面元素中输出内容</title>
</head>
<script>
function changeContent() {
document.getElementById("demo").innerHTML = "通过innerHTML方法向页面输出了内容";
}
</script>
<body>
<h1 id="demo">我是一个标题</h1>
<button type="button" onclick="changeContent()">更改内容</button>
</body>
</html>

4.使用document.write()方法将内容写到html文档中

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>write输出内容到页面中</title>
</head>
<script>
document.write("hello");
document.write("<h1>通过document.write输出内容</h1>");
</script>
<body>
</body>
</html>

默茉

关注

6
点赞
踩
43

收藏

觉得还不错? 一键收藏
2
评论
JavaScript向页面输出内容的四种方法

javascript可以通过不同的方式来输出数据1.使用window.alert()输出警告框<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>弹出框</title></head><script>aler...
复制链接

扫一扫