<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--<img src="image/1.jpg" alt=""/>-->
<script>
//什么條件下觸動這個事件呢辛孵？頁面加載（文本和圖片）完畢的時候颠黎。
//用途
//js的加載時和html同步加載的。（如果使用元素在定義元素之間漓帅，容易報錯眷茁。）
//整個頁面上所有元素加載完畢在執(zhí)行js內(nèi)容
//window.onload可以預(yù)防使用標簽在定義標簽之前炕泳。
window.onload = function () {
var box1 = document.getElementById("box");
console.log(box1);
box1.style.width = "100px";
box1.style.height = "100px";
box1.style.backgroundColor = "#daa520";
}
// var aaa = document.getElementById("box");
// console.log(aaa);
// aaa.style.width = "100px";
</script>
<div id="box"></div>
</body>
</html>
image.png
onload
