window.onload=function()以及onload-有客帮

window.onload: 页面加载完成

一，window.onload的用法：

该方法用于在网页加载完毕后立刻执行的操作，即当html加载完毕后，立刻执行某个方法等。

因为页面中的代码一般情况下按照，从上到下，从左到右的顺序执行。

所以当js代码需要获取页面中的元素时，如果script标签在元素的前面，需要加window.onload；如果script放在了元素后面，就不需要加 window.onload。

例一：点击按钮，实现div变大的效果（宽，高，增加200像素）。

注：例一在点击确认按钮时，页面上div并没有任何变化，原因是，由于程序是从上往下开始执行，运行到document.getElementById(“btn”)时，并没有发现“btn”这个元素，所以就会提示错误信息（null），此时的程序运行时也就没有任何JavaScript效果。

二，问题解决

把JavaScript中要执行的程序放在window.onload=function(){}中，如例二：

例二：正确的代码

onload:

用法：

在前几个项目的开发中遇到onload使用的几种情形

1. 可以在Body 里面执行

2. 先定义好在页面加载完成后使用

function test(){

var aa = “嘻嘻,你个大猪猪”;

alert(aa);

}

window.onload = test;

注解: 这里的window.onload = test; 不要在test后面加() 因为这是在给事件关联触发的方法

如果加() 会立刻引发这个方法的执行(这可能不是我们的本意)

3. 使用匿名函数

4. JS中onload多个事件该怎么写？

<1> 用分号隔开就可以了

<2>

window.attachEvent(“onload”,function(){alert(‘a’)});

window.attachEvent(“onload”,function(){alert(‘b’)});

window.attachEvent(“onload”,function(){alert(‘c’)});

注解: 使用attachEvent 注册事件后注册的事件先执行

上面的例子会弹出 C B A

还有一点:这个办法只能在IE下用 (window.attachEvent)

5.用于图片加载过后的代码的执行：

定义和用法

当图像装载完毕时调用的事件句柄。

语法

imageObject.onload

说明

Image 对象的属性 onload 声明了一个事件句柄函数，当图像装载完毕的时候就会调用这个句柄。