JavaScript的输出方式总结

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>


猜你喜欢

转载自blog.csdn.net/weixin_40263993/article/details/82805597