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

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

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

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

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

<!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" "changeContent()">更改内容</button>
</body>
</html>

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

<!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>

猜你喜欢

转载自blog.csdn.net/weixin_43081805/article/details/89456058