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

最新推荐文章于 2024-01-14 01:26:25 发布

原创最新推荐文章于 2024-01-14 01:26:25 发布 · 4.2w 阅读

27 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #输出内容

本文介绍了JavaScript中常用的四种输出数据的方法：使用window.alert()显示警告框；使用document.write()将内容写入HTML文档；使用innerHTML更新HTML元素的内容；使用console.log()在浏览器控制台输出信息。

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

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

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

3.使用innerHTML写入到HTML元素

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

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

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

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