onload事件是让这个函数只在网页加载完成后才得以执行,特别是在DOM操作中,XHTML文档加载完成之前,DOM是不完整的。
下面来看看onload具体应用:
window.onload=functionname;//functionname函数名;
假设我们要加载两个函数:first()和second();如果你写成这样:
window.onload=first;
window.onload=second;
那么只有second()会被执行到;first()不会被执行;
解决方案一:我们可以为window.onload写一个函数,例如:
window.onload=function(){
first();
second();
}
解决方案二:写一个函数,代码:
function addLoadEvent(func){
??? var oldonload=window.onload;
??? if(typeof window.onload !=”function”){
??????? window.onload=func;
??? }else{
??????? window.onload=function(){
??????????? oldonload();
??????????? func();
??????? }
??? }
}
现在就可以直接调用了:
addLoadEvent(first);
addLoadEvent(second);
?
该方法在Js dom中经常用到,特别是想做到结构和行为分离的时候
最新评论
写的挺好的
有没有兴趣翻译 impatient js? https://exploringjs.com/impatient-js/index.html
Flexbox playground is so great!
感谢总结。
awesome!
这个好像很早就看到类似的文章了
比其他的教程好太多了
柯理化讲的好模糊…没懂