dom_2 onload等事件

<!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
onload
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容