window.onload事件的用途与格式
因为页面中的代码一般情况下按照,从上到下,从左到右的顺序执行。
所以当js代码需要获取页面中的元素时,如果script标签在元素的前面,需要加window.onload;如果script放在了元素后面,就不需要加 window.onload。
window.onload=function(){},在代码中就是使用此种方式为window.onload事件绑定事件处理函数,这里绑定的是一个匿名函数,固然也能够绑定非匿名函数
例如:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style>
#abc{width:200px;height:200px;background:red;}
</style>
<script>
window.onload=function(){
var a=document.getElementById("abc");
a.style.margin="50px auto";
}
</script>
<body>
<div id="abc"></div>
</body>
</html>
也可以这样:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style>
#abc{width:200px;height:200px;background:red;}
</style>
<script>
window.onload=function ceshi(){
var a=document.getElementById("abc");
a.style.margin="50px auto";
}
</script>
<body>
<div id="abc"></div>
</body>
</html>
栏 目:JavaScript
本文地址:http://www.wangzhanteacher.com/?m=home&c=View&a=index&aid=236
您可能感兴趣的文章
- 05-19DOM的元素获取
- 05-07innerText和innerHTML的区别
- 05-05JavaScript的基本变量应用格式
- 04-14利用数学函数随机生成六位数验证码
- 09-26console.dir()是什么意思?
- 09-12js的数组和二维数组教程
- 09-06window.onload事件的用途与格式
- 08-25网页交互开发高级第十四章课后习题及答案
- 08-25网页交互开发高级第十三章课后习题及答案
- 08-25网页交互开发高级第十二章课后习题及答案


阅读排行
推荐教程
- 09-12js的数组和二维数组教程
- 08-25网页交互开发高级第八章课后习题及答案
- 04-14利用数学函数随机生成六位数验证码
- 08-25网页交互开发高级第十四章课后习题及答案
- 05-05JavaScript的基本变量应用格式
- 08-25网页交互开发高级第六章课后习题及答案
- 08-25网页交互开发高级第九章课后习题及答案
- 08-25网页交互开发高级第十一章课后习题及答案
- 08-25网页交互开发高级第十二章课后习题及答案
- 09-26console.dir()是什么意思?