欢迎来到计算机相关教程网!

JavaScript

当前位置: 主页 > 网页制作 > JavaScript

window.onload事件的用途与格式

时间:2022-09-06 19:46:57|栏目:JavaScript|点击:

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

所以当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

下一篇:js的数组和二维数组教程

本文标题:window.onload事件的用途与格式

本文地址:http://www.wangzhanteacher.com/?m=home&c=View&a=index&aid=236

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:8044517 | 邮箱:8044517@qq.com

Copyright © 2022-2025 计算机相关教程网 版权所有冀ICP备17010187号