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 的问题的正确答案。
这里有两种方法可以正确完成工作。
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