window.onload 方法

带有 window 元素的 onload 属性用于在网页完全加载后运行脚本。
一旦网页加载完毕, onload 属性就会触发该函数:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
    <script src="https://code.jquery.com/jquery-3.5.0.min.js">
    </script>
  </head>
  <body>
    <h1>Welcome to onitroad</h1>
    <script>
      function loadFunction() {
        alert("Window 已加载");
      }
      window.onload = loadFunction();
    </script>
  </body>
</html>

这种方法被认为是不显眼且更标准的。

如何让 JavaScript 在页面加载后执行

确保 JavaScript 在页面加载之前不会运行很重要。

在本教程中,我们将获得有关在页面加载后运行 JavaScript 的问题的正确答案。
这里有两种方法可以正确完成工作。

Window.onload 函数

onload 属性是一个事件处理程序,用于处理 Window、XMLHttpRequest、HTML <img> 元素等上的加载事件。

onload 属性在元素完成加载后处理加载事件。
window 全局变量代表执行脚本的窗口,并暴露给 JavaScript 代码。

onload方法

onload 事件在元素完成加载后发生。
这可以与 body 元素一起使用,以在网页完全加载后运行脚本:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
  </head>
  <body onload="loadFunction()">
    <h1>Welcome to onitroad</h1>
    <script>
      function loadFunction() {
        alert("页面已加载");
      }
    </script>
  </body>
</html>
日期:2020-06-02 22:16:22 来源:oir作者:oir