Javascript警报导致页面内容消失

Javascript警报导致页面内容消失,javascript,google-chrome,Javascript,Google Chrome,我使用的是谷歌Chrome 81.0.4044.138版 当我尝试使用以下代码打开/刷新html文件时,页面内容不会显示,直到我单击“警报”对话框上的“确定”按钮。如何修复此问题以显示内容和对话框 我在Edge女士身上也尝试过同样的问题 非常感谢您的帮助 <!doctype html> <html> <head> <title>Javascript</title> </head> <body>

我使用的是谷歌Chrome 81.0.4044.138版

当我尝试使用以下代码打开/刷新html文件时,页面内容不会显示,直到我单击“警报”对话框上的“确定”按钮。如何修复此问题以显示内容和对话框

我在Edge女士身上也尝试过同样的问题

非常感谢您的帮助

<!doctype html>
<html>

<head>
    <title>Javascript</title>
</head>

<body>

    <p>Hello World!</p>

    <script type="text/javascript">
        alert("Hello, World!");
    </script>

</body>

</html>

Javascript
你好,世界

警惕(“你好,世界!”);
警报按设计冻结页面。您可以尝试稍微修改一下代码:

<script type="text/javascript">
  window.addEventListener('load', () => {
    alert("Hello, World!");
  });
</script>

window.addEventListener('load',()=>{
警惕(“你好,世界!”);
});

警报按设计冻结页面。您可以尝试稍微修改一下代码:

<script type="text/javascript">
  window.addEventListener('load', () => {
    alert("Hello, World!");
  });
</script>

window.addEventListener('load',()=>{
警惕(“你好,世界!”);
});

alert
会阻止执行,因此理想情况下,您根本不会因为这个原因而使用
alert
。这使得实际测试东西变得很困难。您真的需要发出警报吗?如果是这样,您必须等待页面加载后再显示。将其包装在
setTimeout()
中应该可以做到这一点,即使延迟
0
alert
也会阻止执行,因此理想情况下,您根本不会因为这个原因而使用
alert
。这使得实际测试东西变得很困难。您真的需要发出警报吗?如果是这样,您必须等待页面加载后再显示。将其包装在
setTimeout()
中应该可以做到,甚至可能延迟
0
。您好,谢谢大家的帮助!我在这里尝试了代码修改,但没有成功。我返回并尝试运行Firefox中显示的原始代码,它起了作用,即页面内容在警报对话框后面仍然可见,页面刚刚变灰。该代码在Internet Explorer上也可以正常工作。我尝试过的所有其他浏览器——Chrome、Edge、Opera都存在内容空白问题,所以我仍然感到困惑。我刚刚开始使用javascript,因此简单的代码。。。对不起,我在发帖之前没有做好充分的准备@GerryYates不用担心!不过,使用
alert()
并不是最好的用户体验。我可能不想用它。这对你有必要吗?谢谢你,马辛。alert()函数是我正在学习的WebDev课程的一部分,目前它只是教授非常基本的javascript——我们现在才开始学习用js做事情的其他方法。我担心主流浏览器处理alert()函数的方式不同。大家好,谢谢大家的帮助!我在这里尝试了代码修改,但没有成功。我返回并尝试运行Firefox中显示的原始代码,它起了作用,即页面内容在警报对话框后面仍然可见,页面刚刚变灰。该代码在Internet Explorer上也可以正常工作。我尝试过的所有其他浏览器——Chrome、Edge、Opera都存在内容空白问题,所以我仍然感到困惑。我刚刚开始使用javascript,因此简单的代码。。。对不起,我在发帖之前没有做好充分的准备@GerryYates不用担心!不过,使用
alert()
并不是最好的用户体验。我可能不想用它。这对你有必要吗?谢谢你,马辛。alert()函数是我正在学习的WebDev课程的一部分,目前它只是教授非常基本的javascript——我们现在才开始学习用js做事情的其他方法。我担心的是主流浏览器处理alert()函数的方式不同。