最新消息:本站所有跳转向bbs.ykit.cn的附件将全面停止,附件已转移到https://www.qingsj.com

window.onload=function()以及onload

JavaScript 有客 195浏览

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 里面执行

   <body onload=”alert(123)”></body>

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

function test(){

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

alert(aa);

}

window.onload = test;

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

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

3. 使用匿名函数

   <script>window.onload = function(){alert(321);}</script>

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 声明了一个事件句柄函数,当图像装载完毕的时候就会调用这个句柄。

转载请注明:有客帮 » window.onload=function()以及onload