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

JavaScript011

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(){

})

1、首先创建一个名称为onload的html文件,如下图所示。

2、设置标题为 javascript  onload,如下图所示。

3、在body标签 中加入onload事件,并在事件中加入自定义函数 myonload。

4、在文档区域加入一个h 元素,加入文本内容“页面加载完成显示页面内容”,当页面加载完成 后 显示该内容。

5、创建一个自定义函数myload,当页面完成后,调用该自定义函数,并加入alert提示语。

6、在浏览器中打开该文件,首先会弹出页面加载完成后调用的myonload函数,在现实页面内容。