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

最新推荐文章于 2024-05-22 15:07:14 发布

Jcon_

最新推荐文章于 2024-05-22 15:07:14 发布

阅读量4w

点赞数 11

文章标签： javascript 输出内容

本文链接：https://blog.csdn.net/Jerrcy_Fly/article/details/69367264

版权

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>

Jcon_

关注

11
点赞
踩
27

收藏

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

javascript可以通过不同的方式来输出数据1.使用window.alert()输出警告框2.使用document.write()方法将内容写到html文档中3.使用innerHTML写入到HTML元素4.使用console.log()写入到浏览器的控制台 lang="en"> charset="UTF-8"> 弹出框 alert("通过弹出框输
复制链接

扫一扫