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