在Chrome中，警报在执行弹出窗口之前不会显示HTML

Question

我刚开始学习JavaScript而且我遇到了警报问题。 在Chrome中，警报在执行弹出窗口之前不会显示HTML。

的index.html

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript</title>
</head>
<body>
    <h1>JavaScript in HTML</h1>
    <script type="text/javascript" src="script.js"></script>
</body>
</html>

的script.js

alert("Helo!");

Answer 1

当load事件发生时，向窗口对象添加事件侦听器并在事件处理程序中调用alert ：

window.addEventListener('load', function() {
  alert('Helo!');
})

 <!DOCTYPE html> <html> <head> <title>JavaScript</title> </head> <body> <h1>JavaScript in HTML</h1> <script> window.addEventListener('load', function () { alert('Helo!'); }) </script> </body> </html>

或者向文档添加一个事件监听器，并使用带有0延迟的setTimeout来推迟DOMContentLoaded事件处理程序中的alert执行：

document.addEventListener('DOMContentLoaded', function() {
  setTimeout(function() {
    alert('Helo!');
  }, 0);
});

 <!DOCTYPE html> <html> <head> <title>JavaScript</title> </head> <body> <h1>JavaScript in HTML</h1> <script> document.addEventListener('DOMContentLoaded', function() { setTimeout(function() { alert('Helo!'); }, 0); }); </script> </body> </html>

Answer 2

参考@ epascarello的注释，您需要在元素或窗口的加载时添加警报。 像这样的东西。 window.onload = function() {alert('hello');};

Answer 3

此警报阻止了html的加载。 在加载html后使用生命周期来调用javascript。

<script>
window.onload = function() {
    alert("hello")
};
</script>

这段代码的作用是检查浏览器窗口是否已加载。 发生这种情况时，您运行包含脚本的函数。

在Chrome中，警报在执行弹出窗口之前不会显示HTML

问题描述

3 个解决方案

解决方案1
3 2018-07-31 16:40:34

解决方案2
2 2018-07-31 16:37:49

解决方案3
2 2018-07-31 16:39:13

在Chrome中，警报在执行弹出窗口之前不会显示HTML

问题描述

3 个解决方案

解决方案1 3 2018-07-31 16:40:34

解决方案2 2 2018-07-31 16:37:49

解决方案3 2 2018-07-31 16:39:13

解决方案1
3 2018-07-31 16:40:34

解决方案2
2 2018-07-31 16:37:49

解决方案3
2 2018-07-31 16:39:13