js window.onload 加载多个函数的两种方法

window.onload，方法在项目中经常被使用，用法如下：

function func(){alert("window的Onload事件被触发啦!");return;}

window.οnlοad=func;

或者如下：

window.οnlοad=function(){alert("window的Onload事件被触发啦!");return;}

1.问题：

但window.onload 不能同时加载多个函数。比如：

function t(){

alert("t")

}

function b(){

alert("b")

}

window.onload =t ;

window.onload =b ;

后面会把前面的覆盖，上面代码只会输出 b。

2.解决方法

方法一：

写一个总的函数调用需要触发的函数

window.onload =function() { t(); b(); }

方法二：

写一个方法

使用addLoadEvent(func)

使用如下：

function t(){

alert("t")

}

function b(){

alert("b")

}

function c(){

alert("c")

}

function addLoadEvent(func) {

var oldonload = window.onload;

if (typeof window.onload != 'function') {

window.onload = func;

} else {

window.onload = function() {

oldonload();

func();

}

addLoadEvent(t);

addLoadEvent(b);

addLoadEvent(c);

//等价于 window.onload =function() { t(); b(); c() ;}

转载于:https://www.cnblogs.com/Mblog/archive/2009/12/07/1618724.html

js window.onload 加载多个函数的两种方法相关推荐

js window.onload 加载多个函数和追加函数
平时做项目经常需要使用window.onload, 用法如下: function func(){alert("this is window onload event!");ret ...
Easyui 弹出加载中的遮罩的两种方法
第一种: //弹出加载层 function load() { $("<div class=\"datagrid-mask\"></div&g ...
从内存中加载并运行exe（两种方法）
windows似乎只提供了一种启动进程的方法:即必须从一个可执行文件中加载并启动. 而下面这段代码就是提供一种可以直接从内存中启动一个exe的变通办法. 用途嘛, 也许可以 ...
html加载swf 进度条,Flash加载外部文件创建进度条3种方法
Flash加载外部文件创建进度条3种方法互联网发布时间:2008-10-07 09:36:14 作者:佚名我要评论加载外部文件的进度条(看帮助文档整理),只适合那些不愿看帮助文档的 ...
Linux下编译、链接、加载运行C++ OpenCV的两种方式及常见问题的解决
Linux下编译.链接.加载运行C++ OpenCV的两种方式及常见问题的解决在Linux下安装完OpenCV C++之后(还没有安装的读者请参考Ubuntu 18.04 安装OpenCV C++) ...
在Arcmap中加载互联网地图资源的4种方法
在Arcmap中加载互联网地图资源的4种方法前一段时间想在Arcmap中打开互联网地图中的地图数据,如影像数据.基础地图数据等,经过简单研究目前总结了四种方法,整理下与大家分享,有些内容可能理解有误 ...
html元素隐藏js 控制,JS控制HTML元素的显示和隐藏的两种方法
JS控制HTML元素的显示和隐藏的两种方法利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位. 方法一 ...
一.关于实现浏览器弹窗提示内容几秒后自动消失重定向执行其他函数的两种方法
一.关于实现浏览器弹窗提示内容几秒后自动消失重定向执行其他函数的两种方法第一种方法–向body动态写入div标签调用css效果显示: (新建***.jsp放在WebContent根目录下直接访问ip ...
js设置控件的隐藏与显示的两种方法
js设置控件的隐藏与显示的两种方法: js设置控件的隐藏与显示,设置控件style的display和visibility属性就可以了. 用JavaScript隐藏控件的方法有两种,分别是通过设置控件的 ...
strlen函数的用法及模拟实现strlen函数的两种方法
strlen函数的用法及模拟实现strlen函数的两种方法一.strlen函数的用法 strlen的简单应用二.指针模拟实现strlen函数三.递归模拟实现strlen函数一.strlen函数 ...

js window.onload 加载多个函数的两种方法

js window.onload 加载多个函数的两种方法相关推荐

最新文章

热门文章