一、body.onload
1.1onload的基本格式：
<html>
<head>
<script type="text/javascript">
function bol(){
alert("body");
}
</script>
</head>
<body onload="bol();">
</body>
</html>
1.2 延迟加载：
<html>
<head>
</head>
<body onload="bol();">
<script type="text/javascript">
function bol(){
alert("body");
}
</script>
</body>
</html>
输出：body
结论：body.onload是document加载结束后触发的事件。
1.3代码的重载：
<html>
<head>
<script type="text/javascript">
function bol(){
alert("body1");
}
</script>
</head>
<body onload="bol();">
<script type="text/javascript">
function bol(){
alert("body2");
}
</script>
</body>
</html>
输出：body2
结论：js函数的重载，是完全覆盖之前的版本。执行最新的版本。
1.4多次处理：
<html>
<head>
<script type="text/javascript">
function bol1(){
alert("body1");
}
</script>
</head>
<body onload="bol1();bol2();">
<script type="text/javascript">
function bol2(){
alert("body2");
}
</script>
</body>
</html>
输出：body1->body2
结论：可以写多个函数，来供我们处理需求和调用。
二、window.onload
2.1基本格式：
<html>
<head>
<script type="text/javascript">
window.onload = function(){
alert("window");
}
</script>
</head>
<body>
</body>
</html>
输出：window
2.2
<html>
<head>
</head>
<body>
<script type="text/javascript">
window.onload = function(){
alert("window");
}
</script>
</body>
</html>
输出：window
结论：window.onload事件是document加载结束之后才触发。
2.3
<html>
<head>
<script type="text/javascript">
window.onload = function(){
alert("window1");
}
</script>
</head>
<body>
<script type="text/javascript">
window.onload = function(){
alert("window2");
}
</script>
</body>
</html>
输出：window2
结论：我把这种定义onload的事件处理方式叫：匿名式。匿名式的代码会发生覆盖，后者执行。
2.4 懒汉式：
<html>
<head>
<script type="text/javascript">
window.onload = wol;
function wol(){
alert("window1");
}
</script>
</head>
<body>
<script type="text/javascript">
window.onload = wol;
function wol(){
alert("window2");
}
</script>
</body>
</html>
<html>
<head>
<script type="text/javascript">
window.onload = wol1;
function wol1(){
alert("window1");
}
</script>
</head>
<body>
<script type="text/javascript">
window.onload = wol2;
function wol2(){
alert("window2");
}
</script>
</body>
</html>
输出：window2
结论：我把这种window.onload的处理定义方式叫做懒汉式，是因为它并不会立即执行定义，而是会发生代码的覆盖。只执行最后的代码。相比这种定义，还有一种饿汉式。
2.5饿汉式
<html>
<head>
<script type="text/javascript">
function wol1(){
alert("window1");
}
window.onload = wol1();
</script>
</head>
<body>
<script type="text/javascript">
function wol2(){
alert("window2");
}
window.onload = wol2();
</script>
</body>
</html>
输出：window1->window2
结论：饿汉式会立即执行。其代码执行的时机就是加载的时刻。看下面的代码也许就更清楚了：
<html>
<head>
<script type="text/javascript">
alert(1);
function wol1(){
alert("window1");
}
window.onload = wol1();
</script>
</head>
<body>
<script type="text/javascript">
function wol2(){
alert("window2");
}
alert(2);
window.onload = wol2();
</script>
</body>
</html>
输出：1->window1->2->window2
相关推荐
相对地，`window.onload` 是一个全局的事件，它关注的是整个页面（包括`<head>`和`<body>`）以及所有外部资源的加载。只有当所有资源都加载完成后，`window.onload`才会触发。使用方法如下： ```javascript window....
<body onload="window.parent.opener=null;window.close();"> </body> ``` 这段代码的作用是在页面加载完成后立即关闭当前窗口。需要注意的是，这种方式可能也会受到浏览器的弹出窗口拦截机制的影响。为了确保兼容...
window.open() 是一个常用的 JavaScript 函数，它可以打开一个新的浏览器窗口，以供用户访问其他网页或显示信息。在本文中，我们将详细介绍 window.open() 函数的参数大全，并提供一些实用的代码示例。 基本语法 ...
在JavaScript中，`window.open()` 是一个非常重要的方法，它用于打开一个新的浏览器窗口或者重载已有的窗口。以下是对这个方法的详细介绍： ### 1. 基本用法 最简单的`window.open()` 使用方式如下： ```...
<body onload="openwin()"> ``` 这段代码表示，当页面加载完成时，会自动执行`openwin()`函数，从而打开配置好的新窗口。同样地，可以通过`onunload`事件在页面卸载时执行相应操作。 此外，还展示了如何通过点击...
在Web开发中，`window.open` 方法是非常实用的一个功能，它可以用来创建一个新的浏览器窗口或标签页，并加载指定的URL。最简单的使用方式如下： ```javascript <!-- window.open('page.html'); // --> ``` 这...
这里定义了一个 `openwin` 函数，并在 `<body>` 标签的 `onload` 事件中调用它，使得页面加载完毕后自动打开新窗口。 #### 示例 3: 同时打开多个窗口 ```javascript function openwin() { window.open("page.html"...
在JavaScript中，`window.onload` 是一个非常关键的事件，用于确保在页面所有资源（包括图像、脚本、样式表等）完全加载之后再执行指定的函数或代码块。这通常用于那些依赖于页面元素存在的操作，因为这些操作需要...
可能你也碰到过这种情况,就是在js的代码中用了[removed]后,可能会影响到body中的onload事件。你可以全写在body中，也可以全放到[removed]中，但是这样并不是很方便，有时我们需要两个同时用到。这时就要用window....
当我们在同一个页面中同时使用 `body.onload` 和 `window.onload` 时，可能会遇到以下问题： 1. **事件覆盖**：如果两个事件处理函数被分别指定，那么后定义的函数会覆盖前一个，导致前面的函数不再执行。 2. **...
总结来说，`jQuery(document).ready()`提供了一种灵活且高效的处理DOM就绪的方式，而`window.onload()`和`body.onload`更适用于需要等待整个页面加载的场景。理解这些不同方法的用法和区别，可以帮助开发者更有效地...
<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>
JavaScript中的`window.open()`函数是用于在浏览器中打开新窗口或者新标签的API，它可以用于创建一个新的浏览器窗口或者替换已存在的窗口。这个函数通常在网页交互中用来打开新的链接、弹出对话框或者进行页面间的...
与`$(document).ready()`不同的是，`window.onload`只能被调用一次，并且需要等待页面上所有资源加载完成，因此它会在`$(document).ready()`之后执行。 ```javascript window.onload = function() { // 你的代码 }...
以下是一个简单的`window.onload`事件监听的例子： ```html <!DOCTYPE html> window.onload = function() { console.log("页面渲染完成"); }; <body> 这是一个测试页面 页面内容 </body> ``` 在上述...
`window.print()` 方法是JavaScript中的一个内置函数，主要用于调用浏览器的打印功能。这个方法允许开发者无须离开网页或应用即可让用户打印网页内容，非常适合于那些需要提供打印选项的网站。在本文中，我们将深入...
- 在 `<body>` 标签内添加 `onload` 事件：`<body onload="openwin()">` - 添加 `onunload` 事件：`<body onunload="openwin()">` - 使用链接触发：`()">打开一个窗口</a>` - 使用按钮触发：`()">打开窗口...
另一种方法是使用 `window.onload` 事件来自动执行 JS 函数。例如： ```javascript function myfun() { alert("this window.onload"); } window.onload = myfun; //不要括号 ``` 这种方法可以在页面加载完成后...
另外，需要注意的是，如果在页面中有`<body>`标签里设置了`onload`属性，那么它会覆盖掉window对象上的onload事件处理程序，因此要避免这种情况，以免出现意外的覆盖。 最后，在文章中还提到了“jsonload处理处理...