js的输出方法

1.使用innerHTML

在页面中通过HTML元素的innerHTML属性输出内容

<h2 id="tit"></h2>
    <script>
        //获取h2标签
        var Otit=document.getElementById("tit")
        //输出h2标签内容
        Otit.innerHTML="下午好啊！"
    </script>

2.使用document.write()

会覆盖页面中所有dom元素的内容

 <p id="con">晚上多吃点，下午好好工作！！</p>
    <button onclick="hungry()">点击不饿肚子</button>
    <script>
        var Ocon=document.getElementById("con")
        function hungry(){
           Ocon.innerHTML=document.write("这才两点就饿啦，晚上吃什么呢")
        }
    </script>

image.png

点击后

image.png

3.window.alert()

以弹框的形式输出信息

<body>
    <script>
        window.alert("一起喝彩！加油中国")
    </script>
</body>

image.png

5.console.log()

在控制台输出信息，在项目调试过程中最常用到

<body>
    <script>
        console.log("这是打印台输出的信息")
    </script>
</body>

image.png