Chenjingxvan 2021-11-22 17:04 采纳率: 68.8%
浏览 67
已结题

JS为什么网页没有显示，但是浏览器检查有答案

初学者用javascript写了一个数组查找最大值与最小值，在浏览器啥也没有，但是用浏览器的检查有运行结果，为什么浏览器不显示呢？

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>查找最大值与最小值</title>
    </head>
    <body>
        <script>
            var arr = [100,7,65,54,12,6];
            var min = max = arr[0];
            for (var i = 1;i < arr.length;++i) {
                if(arr[i] > max){
                    max = arr[i];
                }
                if(arr[i] < min){
                    min = arr[i];
                }
            }
            console.log('待查找数组：' + arr);
            console.log('最小值：' + min);
            console.log('最大值：' + max);
        </script>
    </body>
</html>

img

这是在谷歌浏览器运行的，左边是网页，空白一片，右边是我打开了浏览器检查，可以看到网页运行结果。
这是为什么？为什么网页啥也不出来？

  • 写回答

5条回答 默认 最新

  • 风雪一更 2021-11-22 17:10
    关注

    console.log()是只在浏览器控制台打印结果，方便开发人员做调试，并不会输出在网页上。
    如果想要在页面显示，需要使用document.write或document.getElementById("xxx").innerHTML等指令

    <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>查找最大值与最小值</title>
    </head>
    <body>
        <script>
            var arr = [100,7,65,54,12,6];
            var min = max = arr[0];
            for (var i = 1;i < arr.length;++i) {
                if(arr[i] > max){
                    max = arr[i];
                }
                if(arr[i] < min){
                    min = arr[i];
                }
            }
            console.log('待查找数组：' + arr);
            console.log('最小值：' + min);
            console.log('最大值：' + max);
            document.write('最小值：' + min + '，最大值：' + max);
        </script>
    </body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 11月22日
  • 已采纳回答 11月22日
  • 创建了问题 11月22日