JavaScript的输出方式总结

Eleanor7227

于 2018-09-21 18:29:24 发布

阅读量198

点赞数

分类专栏： JAVAEE

本文链接：https://blog.youkuaiyun.com/weixin_40263993/article/details/82805597

版权

JAVAEE 专栏收录该内容

5 篇文章

订阅专栏

1.通过弹窗输出：window.alert();

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

2、使用innerHTML写入到HTML元素

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>通过innerHTML输出内容</title>
</head>
<script>
function change() {
document.getElementById("a").innerHTML = "通过innerHTML输出内容";
}
</script>
<body>
<h1 id="a">标题</h1>
<button type="button" onclick="changeContent()">更改内容</button>
</body>
</html>

3、使用document.write()将内容写到html文档中
4、使用console.log()将内容写入到浏览器的控制台

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用console.log()将内容写入到浏览器的控制台</title>
</head>
<body>
<script>
console.log("通过console向控制台输出了内容")
</script>
</body>
</html>