dom_2 onload等事件
2018-11-22 本文已影响0人
basicGeek
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--<img src="image/1.jpg" alt=""/>-->
<script>
//什么条件下触动这个事件呢？页面加载（文本和图片）完毕的时候。
//用途
//js的加载时和html同步加载的。（如果使用元素在定义元素之间，容易报错。）
//整个页面上所有元素加载完毕在执行js内容
//window.onload可以预防使用标签在定义标签之前。
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
