2.onload事件

时间 2019-11-21
标签 2.onload onload 事件繁體版
原文原文链接
 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8 
 9 <!--<img src="image/1.jpg" alt=""/>-->
10 
11 
12 <script>
13 
14     //什么条件下触动这个事件呢？页面加载（文本和图片）完毕的时候。
15     //用途
16     //js的加载时和html同步加载的。（若是使用元素在定义元素之间，容易报错。）
17     //整个页面上全部元素加载完毕在执行js内容
18     //window.onload能够预防使用标签在定义标签以前。
19     window.onload = function () { 20         var aaa = document.getElementById("box"); 21  console.log(aaa); 22         aaa.style.width = "100px"; 23  } 24 
25 // var aaa = document.getElementById("box");
26 // console.log(aaa);
27 // aaa.style.width = "100px";
28 
29 </script>
30 
31 <div id="box"></div>
32 
33 
34 </body>
35 </html>