window.onload的事件和body的onload事件都是在document加载结束后才触发的。
window.onload之匿名式：
window.onload = function(){
alert("window");
}
window.onload之饿汉式：
function wol(){
alert("window");
}
window.onload = wol();
window.onload之懒汉式：
function wol(){
alert("window");
}
window.onload = wol;
懒汉式执行最终代码。饿汉式执行全部代码。匿名式执行最终代码。
<html>
<head>
<script type="text/javascript">
window.onload = function(){
alert("window");
}
function bol(){
alert("body");
}
</script>
</head>
<body onLoad="bol();">
<script type="text/javascript">
</script>
</body>
</html>
匿名式与body在head里:body.onload执行，匿名式不执行。
<html>
<head>
<script type="text/javascript">
</script>
</head>
<body onLoad="bol();">
<script type="text/javascript">
function bol(){
alert("body");
}
window.onload = function(){
alert("window");
}
</script>
</body>
</html>
匿名式与body在body里:匿名式执行，body.onload不执行。
<html>
<head>
<script type="text/javascript">
function bol(){
alert("body");
}
window.onload = wol;
function wol(){
alert("window");
}
</script></head>
<body onLoad="bol();">
</body>
</html>
懒汉式与body在head里：body.onload执行，懒汉式不执行。
<html>
<head>
<script type="text/javascript">
</script>
</head>
<body onLoad="bol();">
<script type="text/javascript">
function bol(){
alert("body");
}
window.onload = wol;
function wol(){
alert("window");
}
</script>
</body>
</html>
懒汉式与body在body里：懒汉式执行，body.onload不执行。
<html>
<head>
</head>
<body onLoad="bol();">
<script type="text/javascript">
function bol(){
alert("body");
}
window.onload = wol();
function wol(){
alert("window");
}
</script>
</body>
</html>
or
<html>
<head>
<script type="text/javascript">
function bol(){
alert("body");
}
window.onload = wol();
function wol(){
alert("window");
}
</script>
</head>
<body onLoad="bol();">
</body>
</html>
饿汉式与body：两者都会执行。
匿名式，懒汉式，饿汉式与body: body.onload和饿汉式执行，匿名式，懒汉式不执行。
相关推荐
在网页开发中，`body.onload` 和 `window.onload` 是两个常见的JavaScript事件处理函数，用于在页面完全加载后执行特定的代码。它们都是用来确保在执行任何操作之前，页面的所有资源（包括HTML、CSS、JavaScript、...
<body onload="window.parent.opener=null;window.close();"> </body> ``` 这段代码的作用是在页面加载完成后立即关闭当前窗口。需要注意的是，这种方式可能也会受到浏览器的弹出窗口拦截机制的影响。为了确保兼容...
<body onload="openwin()"> 任意的页面内容... </body> ``` 4. 同时弹出 2 个窗口： ```javascript <!-- window.open ('page1.html', 'window1', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=...
<body onload="openwin()"> ...任意的页面内容... </body> ``` 这里定义了`openwin`函数，当页面加载时，`onload`事件会触发函数执行，从而打开新窗口。 ### 4. 多窗口弹出 如果你需要同时打开多个窗口，只需对`...
<body onload="openwin()"> ``` 这段代码表示，当页面加载完成时，会自动执行`openwin()`函数，从而打开配置好的新窗口。同样地，可以通过`onunload`事件在页面卸载时执行相应操作。 此外，还展示了如何通过点击...
- **方法二**：在页面卸载时调用 `<body onunload="openwin()">`。 - **方法三**：通过链接调用 `()">打开一个窗口</a>`，其中 `"#"` 表示虚链接，点击链接后不会导航到任何地方。 - **方法四**：通过按钮调用 `()" ...
在JavaScript中，`window.onload` 是一个非常关键的事件，用于确保在页面所有资源（包括图像、脚本、样式表等）完全加载之后再执行指定的函数或代码块。这通常用于那些依赖于页面元素存在的操作，因为这些操作需要...
这里定义了一个 `openwin` 函数，并在 `<body>` 标签的 `onload` 事件中调用它，使得页面加载完毕后自动打开新窗口。 #### 示例 3: 同时打开多个窗口 ```javascript function openwin() { window.open("page.html"...
可能你也碰到过这种情况,就是在js的代码中用了[removed]后,可能会影响到body中的onload事件。你可以全写在body中，也可以全放到[removed]中，但是这样并不是很方便，有时我们需要两个同时用到。这时就要用window....
这时，`body.onload` 和 `window.onload` 事件就显得尤为重要。然而，当这两个事件同时存在时，可能会出现冲突，导致代码执行顺序混乱或只执行其中一个事件。本文将详细探讨这个问题，并提供解决方案。 `body....
**第六种：`body.onload`与`window.onload()`的区别** 1. 在HTML中，`<body onload="fn1(),fn2()">`允许同时调用多个函数，但这种方法已过时，且不推荐，因为它与JavaScript分离，不利于代码组织。 2. 使用`$(window...
<body onload="openwin()"> <!-- 页面内容 --> </body> ``` 这个示例代码将在页面加载完成后打开一个新的窗口。 四、同时弹出 2 个窗口 在某些情况下，我们可能需要同时打开多个窗口。我们可以使用 JavaScript...
<!...<html xmlns="http://www.w3.org/1999/xhtml" > function GetPageSize() { var scrW, scrH; if(window.innerHeight && window.scrollMaxY) ... scrW = window....<body onload="main();"> </body> </html>
<body onload="openwin()"> ...任意的页面内容... </body> ``` 在这个例子中，`openwin`函数会在页面加载完成后被调用，从而打开指定的窗口。 **定时关闭弹出的窗口** 如果你希望弹出的窗口在一段时间后自动关闭...
与`$(document).ready()`不同的是，`window.onload`只能被调用一次，并且需要等待页面上所有资源加载完成，因此它会在`$(document).ready()`之后执行。 ```javascript window.onload = function() { // 你的代码 }...
本文将深入探讨如何使用JavaScript来监听页面渲染完成的时间，并对比两种常见方法：`window.onload`和jQuery的`$(document).ready`。 首先，我们来看`window.onload`事件。这个事件会在页面中所有的资源，包括HTML...
在这个例子中，当页面加载完成后，`window.onload` 事件触发，`window.print()` 被调用，从而弹出打印设置对话框。如果希望在用户触发某个特定事件（如点击按钮）时才调用 `window.print()`，可以将调用语句放入相应...
- 在 `<body>` 标签内添加 `onload` 事件：`<body onload="openwin()">` - 添加 `onunload` 事件：`<body onunload="openwin()">` - 使用链接触发：`()">打开一个窗口</a>` - 使用按钮触发：`()">打开窗口...
<body onload="myfunction()">...</body> ``` 这种方法可以在页面加载完成后执行函数 `myfunction()`。 另一种方法是使用 `window.onload` 事件来自动执行 JS 函数。例如： ```javascript function myfun() { ...
另外，需要注意的是，如果在页面中有`<body>`标签里设置了`onload`属性，那么它会覆盖掉window对象上的onload事件处理程序，因此要避免这种情况，以免出现意外的覆盖。 最后，在文章中还提到了“jsonload处理处理...