javascript中绑定body的onload事件的几种方法?

javascript中绑定body的onload事件的几种方法?,第1张

一般来说,有4种方法:

1:直接把代码写在html里,例如:<body onload="functionA()functionB()">

2:写在页面的js里,例如:

window.onload = function () {

functionA()

functionB()

}

3:用绑定事件的方式绑定上去,例如:

function addListener (element, event, fn) {

if (window.attachEvent) {

element.attachEvent('on' + event, fn)

} else {

element.addEventListener(event, fn, false)

}

}

addListener(window, 'load', functionA)

addListener(window, 'load', functionB)

4:用第三方js框架(如jquery)来绑定事件,例如:

$("body").on("load",function(){

})

使用 Macromedia Dreamweaver 8 在“设计”窗口中单击空白处,按 shift+f4打开“行为”浮动面板,单击那个“+”号按钮添加行为,选择你要行为,然后单击事件改为“onload”就行了

body是所有标签的最外层标签(当然严格来说html才是最外层标签),因此当绑定在body的onload事件触发时就意味着所有标签都已经加载到内存了。而如果绑定到body内的某个img标签,当事件触发时,这个img后面的其他标签极有可能尚未完全加载到内存,这样的话,如果轮播图代码中需要获取img外的其他DOM元素就很可能会失败!明白了吗?


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11574269.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存