为什么执行后页面刷新不了，不能刷新下重新执行？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>当点击“录入”按钮时，循环弹出输入框，使用户输入信息，直到用户输入-1，停止弹出输入框，然后将用户输入的信息输出在页面上。</title>
</head>
<body>
    <input type="button" value="录入">
    <script>
 var Load=document.getElementsByTagName("input")[0];
 var msgs=[],msg="";
 Load.onclick=load;
 function load() {
            while(true){
                msg=prompt("请输入员工信息，输入-1退出");
 if (msg=='-1'){
                    for (var i=0;i<msgs.length;i++){
                       document.write("输入的第"+(i+1)+"个员工是"+msgs[i]+"<br />");
 }
                    break;
 } else {
                     msgs.push(msg);
 }
 
            }
        }
 
    </script>
 
 
</body>
</html>

慕九州7567404 2019-01-02

源自：JavaScript DOM事件 2-17 编程练习

收起

2回答

好帮手慕夭夭 2019-01-03 14:00:31

你好同学 , 结合你的第二条回复 , 同学可能是把刷新和不刷新的情况理解相反了 . 按照以下重新理解一下 :

因为弹窗是点击事件才会执行的 .所以当你刷新后 , 弹窗应该消失 , 再次点击才会出现 .这是正常的刷新情况.

而谷歌、360浏览器当你点按钮弹出弹窗 , 然后再刷新的时候 , 会一直弹如下这个弹窗 ,此时是不能刷新的 . 这个是因为代码中while循环在谷歌、360浏览器解析时 , 一直满足循环条件true , 会阻塞页面刷新 .

同学说的输入-1本身就不是在刷新页面,而是正常输入内容执行代码 ,自然会跳出循环 .

而火狐中解析是可以刷新页面的 ,当点击弹出弹窗后 , 刷新弹窗消失的 .相当于回到了你重新打开页面的时候 ,此时需要再次点击才能执行代码 . 这个情况才是正常刷新了页面 ,代码又重头开始执行了 .

.这些情况和浏览器自身机制有关 . 练习的效果实现了 . 代码是ok的 . 祝学习愉快 ,望采纳 .

收起回答

好帮手慕夭夭 2019-01-03 10:50:41

你好同学 , 这是因为循环导致的 ,当你按刷新的时候 , while死循环 , 阻塞页面刷新 , 所以说页面其实是没有刷新的 . 弹窗一直会弹出的 .

祝学习愉快 ,望采纳 .

收起回答

提问者慕九州7567404 #1

没有一直弹窗啊，页面最后停在最后输出信息那里，我输入-1不是跳出了while循环了吗？况且这个函数是写在点击事件上的怎么就刷新不了了？不懂

2019-01-03 11:55:22
提问者慕九州7567404 #2

今天用谷歌、360浏览器、火狐浏览器测试了下，在谷歌 360上可以正常运行，火狐浏览器还是不能刷新重新录入，这怎么解释？

2019-01-03 12:06:31