先是是addLoad伊夫nt函数的代码清单威尼斯人平台。第一是addLoadEvent函数的代码清单:

在给网页加一些神效时日常要在

在给网页加一些神效时平日要在<body>中步入“onload”事件,即在网页加载完后进行某一件事件,比方:<body
onload=”alert(‘招待光顾!’卡塔尔国”,但像这种类型做有个大的老毛病,事件会在网页完全下载完后才会进行,包蕴网页中的图片或Flash等,若是网页中的图片非常大或有超级多图,大概还未等网页完全下载完网上朋友已经点击链接到其它网页去了,那样这么些事件就一贯不施行了。此外在一些特殊情状下大概还改正不了网页的body参数。如在人家网址宣布文章时,或用CMS整站系统时。

function addLoadEvent{ var oldonload=window.onload; if(typeof window.onload!='function') { window.onload=func; } else { window.onload=function; func(); } }}

中参加“onload”事件,即在网页加载完后进行某件事件,举个例子:中的onload事件,的确,难点一下子就解决了了,但在加载八个onload事件时或决定加裁顺序时还会合世有的主题素材,直到本人开采“PaulKoch”写的addLoad伊夫nt(卡塔尔(英语:State of Qatar)函数后,全数毛病都消除了。假使我们自然要用“window.onload”或
“document.body.onload”来替换中的onload事件,建议大家用前面二个,Firefox浏览器中没用,即宽容性反常。
JavaScript代码 复制代码 代码如下:function
addLoad伊芙nt { var oldonload = window.onload; if (typeof window.onload
!= ‘function’) { window.onload = func; } else { window.onload =
function; func(); } } } 调用方法: 复制代码 代码如下: addLoad伊芙nt; //或
addLoad伊夫nt{ document.body.style.backgroundColor = ‘yellow’; jb51;
演示代码:

  那时候我们会想到用“window.onload”或“document.body.onload”来替换<body>中的onload事件,的确,难题一下子就解决了了,但在加载多少个onload事件时或调整加裁顺序时还大概会并发部分主题材料,直到本人发觉“PaulKoch”写的addLoad伊夫nt(卡塔尔函数后,所不正常都铲除了。要是大家必定要用“window.onload”或
“document.body.onload”来替换<body>中的onload事件,提议我们用前面贰个,Firefox浏览器中没用,即宽容性反常。

知晓起来便是:

addLoadEvent() test

JavaScript代码

1.把现有的window.onload事件管理函数的值存入变量 oldonload;

Here goes…

复制代码 代码如下:

2.风姿浪漫旦在此个管理函数上还向来不绑定任何函数,就好像通常那样把新函数增加给它;

[Ctrl+A 全选 注:如需引进外界Js需刷新技术执行]
推荐我们随后都用addLoadEvent(卡塔尔国函数来替换中参预“onload”事件。addLoadEvent
(卡塔尔(قطر‎自定义代码来源于:
addLoadEvent职业流程:
把现有的window.onload事件管理函数的值存入变量oldonload。
如若在此个管理函数上还并未有绑定任何函数,仿佛平日那么把新函数增添给它;
假若在此个管理函数已经绑定了有些函数,就把函数追回来现存指令未尾。
浏览器加载html内容是自上而下的,而JS平常是在哪个地方引进——想一想假使JS里面含有了一些即时履行命令,
它会操作根本一纸空文成分节点会有如何结果?结果正是失误。
addLoadEvent能够兑现无论有多少个函数,都能让它们同不时间和window.onload事件绑定。
onload事件—–addLoadEvent函数复制代码 代码如下: window.onload =
myfunction(卡塔尔(قطر‎;
借使大家盼望某些函数在网页加载达成之后就即刻执行。网页加载完结时会触发多少个onload事件,所以我们得以利用onload事件来加载那个函数。Onload事件与window对象相关联。如:
把myfunction函数绑定到那么些事件上:
叁个函数大家得以行使方面包车型大巴解决,那八个、多个以至更加多吧?怎么解决??
若是大家有firstFunction和secondFunction三个函数,是否正是上面那样写啊:
复制代码 代码如下: window.onload =
firstFunction; window.onload = secondFunction;
可是各类管理函数只可以绑定一条指令。所以地方的极度。因为secondFunction函数将会替代firstFunction函数。
有黄金时代种办法能够帮衬大家消释地点难点:即大家先创建一个无名氏函数来包容那多少个函数,然后把极其无名氏函数绑定到onload事件上,如下:
复制代码 代码如下: window.onload =
function; secondFunction(卡塔尔国; } 那实乃一个好的、简答的方法。
但是实在还留存四个极品的缓和方案——不管您希图在页面加载完结后要进行稍稍个函数,利用该函数都得以轻便的完成。
该函数名叫addLoad伊芙nt。该函数仅二个参数:该参数钦点了您筹划在页面加载达成后需求试行的函数的函数名。
addLoadEvent(卡塔尔函数代码如下: 复制代码
代码如下: function addLoadEvent{ var oldonLoad = window.onload;
if(typeof window.onload!=’function’卡塔尔{ window.onload = func; } else{
window.onload = function; func(卡塔尔(英语:State of Qatar); } } }
addLoadEvent函数首即便产生如下的操作:
1、把现成的window.onload事件管理函数的值存入到oldonload中。
2、要是在这里个管理函数上还尚无绑定任何函数,就将该函数增加给它。
3、借使在此个处理函数上风姿罗曼蒂克度绑定了部分函数,就把该函数追加到现成钦定的结尾。
通过addLoad伊芙nt函数,只须求调用该函数就足以扩充绑定了。 复制代码 代码如下: addLoadEvent; addLoad伊夫nt;
所以这些函数特别有用,尤其今世码变得很复杂的时候。无论你筹算在页面加载实现时奉行多少个函数,只需求多写几条那样的说话就足以缓和了。方便、实用。

 
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != ‘function’) {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}

3.只要在此个管理函数寒食经绑定了部分函数,就把新函数追加到现存指令的末梢。

调用方法:

本条函数特别实用,特别是代码变得尤其复杂的时候,无论筹算在页面上施行多少个函数,只要多写一条语句就能够解决。

复制代码 代码如下:

如上那篇JS
addLoadEvent函数正是作者分享给大家的全体内容了,希望能给大家叁个参阅,也希望大家多多照望脚本之家。

addLoadEvent(wwwjb51());
//或
addLoadEvent(function(){
document.body.style.backgroundColor = ‘yellow’;
jb51();
});

示范代码:

addLoadEvent() test

Here goes…

[Ctrl+A 全选 注:如需引进外界Js需刷新能力实施]

  推荐大家随后都用addLoadEvent(卡塔尔(英语:State of Qatar)函数来替换<body>中步向“onload”事件。addLoad伊芙nt
(卡塔尔自定义代码来源于:
addLoadEvent职业流程:

把现存的window.onload事件管理函数的值存入变量oldonload。
风姿浪漫旦在这里个管理函数上还向来不绑定任何函数,就像是平日那样把新函数加多给它;
若是在此个处理函数已经绑定了一些函数,就把函数追回来现有指令未尾。
浏览器加载html内容是自上而下的(默许),而JS日常是在哪个地方引进——动脑筋假使JS里面包蕴了某些即时推行命令,
它会操作根本不设有元素秋点(因为还未加载完)会有如何后果?结果便是失误。

addLoad伊芙nt能够完毕无论有多少个函数,都能让它们相同的时候和window.onload事件绑定。

**onload事件—–addLoadEvent函数

**

复制代码 代码如下:

window.onload = myfunction();

假定我们期待有些函数在网页加载实现之后就立马实践。网页加载实现时会触发二个onload事件,所以大家得以选择onload事件来加载那几个函数。Onload事件与window对象相关联。如:

把myfunction函数绑定到那几个事件上:

二个函数大家得以接纳方面包车型客车解决,那八个、四个以致更加的多吗?怎么化解??

假定大家有firstFunction和secondFunction几个函数,是还是不是正是下面那样写吧:

复制代码 代码如下:

window.onload = firstFunction;
window.onload = secondFunction;

但是各种管理函数只好绑定一条指令。所以地点的分外。因为secondFunction函数将会代替firstFunction函数。

有朝气蓬勃种办法能够帮助我们消除地点难点:即大家先创制四个佚名函数来包容那五个函数,然后把特出无名函数绑定到onload事件上,如下:

复制代码 代码如下:

window.onload = function(){
firstFunction();
secondFunction();
}

那真的是二个好的、简答的不二等秘书技。

但是其实还留存多少个最棒的化解方案——不管您筹算在页面加载完结后要举办稍稍个函数,利用该函数都得以轻巧的贯彻。

该函数名字为addLoadEvent。该函数仅七个参数:该参数钦命了你筹划在页面加载完结后要求实施的函数的函数名。
addLoad伊夫nt(卡塔尔国函数代码如下:

复制代码 代码如下:

function addLoadEvent(func){
var oldonLoad = window.onload;
if(typeof window.onload!=’function’){
window.onload = func;
}
else{
window.onload = function(){
oldonload();
func();
}
}
}

addLoad伊夫nt函数首假设成就疑似下的操作:

1、把现成的window.onload事件管理函数的值存入到oldonload中。

2、假诺在这里个管理函数上还未绑定任何函数,就将该函数加多给它。

3、假诺在这里个管理函数上曾经绑定了有些函数,就把该函数追加到存活钦赐的终极。

经过addLoadEvent函数,只须要调用该函数就能够打开绑定了。

复制代码 代码如下:

addLoadEvent(firestFunction);
addLoadEvent(secondFunction);

为此这几个函数非常常有用,尤其现代码变得很复杂的时候。无论你筹划在页面加载完毕时奉行多少个函数,只必要多写几条那样的语句就足以消除了。方便、实用。

onload=”alert(‘接待光临!’卡塔尔(英语:State of Qatar)”,但诸有此类做…

相关文章