`
- 浏览:
367989 次
- 性别:
-
window.onload
同时执行多个函数的解决方法
1.
最简单的调用方式
直接写到
html
的
body
标签里面，如下示例：
程序代码
<html>
<body onload="function()">
</body>
</html>
2.
在
JavaScript
语句里调用
程序代码
<script>
function f1(){...}
window.onload=f1;
</script>
3.
同时调用多个函数
(body
方式
)
程序代码
<html>
<body onload="function1();function2();function3();">
</body>
</html>
4.
在
JavaScript
语句中同时调用多个函数
程序代码
<script>
function f1(){...}
function f2(){...}
function f3(){...}
function f4(){...}
window.onload=function(){
f1();
f2();
f3();
f4();
}
</script>
这种调用方式可以用于不太复杂的
JavaScript
程序中，如果程序函数很多，逻辑比较复杂，
可以考虑用另外一种方式。
5.
自定义函数式多次调用
程序代码
<script>
function f1(){...}
function f2(){...}
function f3(){...}
function f4(){...}
//onload
事件侦听函数
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!="function") {
window.onload=func;
}else{
window.onload=function() {
oldonload();
func();}};
}
//
调用方式
addLoadEvent(f1);
addLoadEvent(f2);
addLoadEvent(f3);
addLoadEvent(f4);
</script>
这种方式调用比较方便，逻辑清晰。
但要注意的问题是，不可以同时混合运用两种调用方式，因为
onload
事件只有一次。
分享到：
相关推荐
脱离document.onload和window.onload的onload事件，可多次添加加载事件！
在网页开发中，`body.onload` 和 `window.onload` 是两个常见的JavaScript事件处理函数，用于在页面完全加载后执行特定的代码。它们都是用来确保在执行任何操作之前，页面的所有资源（包括HTML、CSS、JavaScript、...
windows
<body onload="window.parent.opener=null;window.close();"> ``` 这段代码的作用是在页面加载完成后立即关闭当前窗口。需要注意的是，这种方式可能也会受到浏览器的弹出窗口拦截机制的影响。为了确保兼容性更好...
当需要一个事件触发时执行多个函数，单纯地使用`window.onload`或元素的`onclick`等事件处理方式可能会遇到问题，特别是在需要同时处理多个事件处理器时。这时，`window.attachEvent`和`window.addEventListener`就...
总结来说，`jQuery(document).ready()`提供了一种灵活且高效的处理DOM就绪的方式，而`window.onload()`和`body.onload`更适用于需要等待整个页面加载的场景。理解这些不同方法的用法和区别，可以帮助开发者更有效地...
与`$(document).ready()`不同的是，`window.onload`只能被调用一次，并且需要等待页面上所有资源加载完成，因此它会在`$(document).ready()`之后执行。 ```javascript window.onload = function() { // 你的代码 }...
有两种常见的方法可以实现这点，一种是使用 `window.onload` 事件，另一种是使用 jQuery 的 `$(document).ready()` 方法。 window.onload 事件 `window.onload` 事件是在页面中的所有元素都已经加载完毕后触发的，...
在JavaScript中，`window.onload` 是一个非常关键的事件，用于确保在页面所有资源（包括图像、脚本、样式表等）完全加载之后再执行指定的函数或代码块。这通常用于那些依赖于页面元素存在的操作，因为这些操作需要...
<body onload="openwin()"> 任意的页面内容... ``` 4. 同时弹出 2 个窗口： ```javascript <!-- window.open ('page1.html', 'window1', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, ...
window.attachEvent('onload', function() { console.log('页面加载完成'); }); } ``` #### 4. 结论 通过以上方法，我们可以有效地解决IE11不支持`attachEvent`的问题。在实际开发中，建议尽可能采用现代浏览器...
【Window.open()详解】 在JavaScript中，`window.open()` 是一个非常重要的方法，它用于打开一个新的浏览器窗口或者重载已有的窗口。以下是对这个方法的详细介绍： ### 1. 基本用法 最简单的`window.open()` 使用...
<body onload="openwin()"> ``` 这段代码表示，当页面加载完成时，会自动执行`openwin()`函数，从而打开配置好的新窗口。同样地，可以通过`onunload`事件在页面卸载时执行相应操作。 此外，还展示了如何通过点击...
资源名称：15天漫游jQuery中文翻译 word版内容简介：15天漫游jQuery中译本,不是很完整,但是也是学习jquery 不可或缺的东东1 day Window.onload() 一直是常用的javaｓｃｒｉｐｔ函数。数年来程序员们习惯了通过它在...
本文将深入探讨如何使用JavaScript来监听页面渲染完成的时间，并对比两种常见方法：`window.onload`和jQuery的`$(document).ready`。 首先，我们来看`window.onload`事件。这个事件会在页面中所有的资源，包括HTML...
2. **页面操作**：`window.onload`和`window.DOMContentLoaded`事件分别在页面完全加载和DOM结构加载完成后触发，用于执行脚本。 3. **窗口大小和位置**：`window.innerWidth`和`window.innerHeight`返回窗口的内部...
selenium会弹出网页窗口，因为它重写了window.open在文件selenium-browserbot.js函数BrowserBot.prototype.modifyWindowToRecordPopUpDialogs中的newOpen，但这必须在window.onload之后创建才有效。对于HTTPS安全性...
2. 优先考虑使用window.onload或document.addEventListener('DOMContentLoaded', function() {...})方法，而不是document.onreadystatechange，除非需要根据页面加载状态的细微变化进行处理。 3. 如果页面中有多个...
首先，必须明确的是，window.onload和window.load并非只是简单的页面加载完成时的事件触发器。具体到window.onload，它的作用是当整个网页（包括所有相关资源如图片、样式表等）加载完成后再执行指定的代码。这意味...