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

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日

悬赏问题

  • ¥20 关于#c++#的问题:水果店管理系统
  • ¥30 dbLinq最新版linq sqlite
  • ¥20 对D盘进行分盘之前没有将visual studio2022卸载掉,现在该如何下载回来
  • ¥15 完成虚拟机环境配置,还有安装kettle
  • ¥15 2024年全国大学生数据分析大赛A题:直播带货与电商产品的大数据分析 问题5. 请设计一份优惠券的投放策略,需要考虑优惠券的数量、优惠券的金额、投放时间段和投放商品种类等因素。求具体的python代码
  • ¥15 有人会搭建生鲜配送自营+平台的管理系统吗
  • ¥15 用matlab写代码
  • ¥30 motoradmin系统的多对多配置
  • ¥15 求组态王串口自定义通信配置方法或代码?
  • ¥15 实验 :UML2.0 结构建模