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
