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" />-->
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>
原文：https://www.cnblogs.com/BingBing-Deng/p/10426989.html