javascript中onload事件如何绑定及执行顺序

最新推荐文章于 2021-03-17 15:14:53 发布

weixin_30275415

最新推荐文章于 2021-03-17 15:14:53 发布

阅读量287

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/zxj95121/p/5409098.html

版权

onload事件，顾名思义就是为了js程序能够在网页加载成功过后进行执行。对于放在head里面的js来说，非常必要。

如何给网页绑定onload，主要有三种方式：

window.οnlοad=function(){//要执行的代码}

window.addEventListener('load',函数名，false)

body中添加属性<body οnlοad="函数名（）">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>绑定onload几种方法</title>
<script>
alert('我最先被执行');
//这种方法仅能在页面加载后执行一个函数（其他函数通过该函数调用）
window.onload=function(){alert(document.getElementById('e').getAttribute('id'));}
</script>
<script>
if(document.all)//在IE中返回真
    window.attachEvent('onload',add);//IE浏览器用这个方法
else
    window.addEventListener('load',add,false);//其他浏览器用这个方法
if(document.all)//在非IE中返回假
    window.attachEvent('onload',jian);
else
    window.addEventListener('load',jian,false);//addEventListener方法给load事件绑定函数
function add(){alert('1+2的值为3！');}
function jian(){alert('3-2的值为1！');}
function cheng(){alert('3*5的值为15！');}//这个函数是通过行间调用的
</script>
</head>
<body onload="cheng();"><!--经过测试，IE中，body里面的onload会在其他load之前执行，并且，
会覆盖window.onload方法，使其不能执行;-->
<span id="e">hehe</span>
<script>
if(document.all)//在IE中返回真
    window.attachEvent('onload',last);//IE浏览器用这个方法
else
    window.addEventListener('load',last,false);//其他浏览器用这个方法
function last(){alert('我最后被执行！！！');}
</script>
</body>
</html>

转载于:https://www.cnblogs.com/zxj95121/p/5409098.html

weixin_30275415

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript中onload事件如何绑定及执行顺序

onload事件，顾名思义就是为了js程序能够在网页加载成功过后进行执行。对于放在head里面的js来说，非常必要。如何给网页绑定onload，主要有三种方式：window.onload=function(){//要执行的代码}window.addEventListener('load',函数名，false)body中添加属性<body onload="函数名（）">...
复制链接

扫一扫