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>

相關標籤/搜索