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>

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

答

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>

答

因为左边是视图，你没有写任何展示视图的内容。console.log是打印，打印结果在console展示，不在视图展示

答

你没写标签，有元素就奇怪了

答

js内容不会渲染到页面，会渲染的是html内容

答

document.write()才是在浏览器中显示,console.log()本来就是在控制台打印啊

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

相关推荐