window_onload

作者: 洛洛kkkkkk | 来源:发表于2017-04-18 19:33 被阅读0次

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            .redDiv{
                width: 200px;
                height: 200px;
                background-color: red;
            }
        </style>
        <script type="text/javascript">
        //当浏览器加载页面完成之后才会执行window.onload里面的代码
        window.onload=function  () {
            var rdiv=document.querySelector(".redDiv");
            console.log(rdiv);
//          window.onload是代表页面加载完成，这个时候浏览器会关闭文档流（代表它认为一篇文章写完了）如果这个时候
//          再使用document.write,就会开启一个新的文档流,原来的内容会被替换.(写了一篇新文章替换原来的)
//          document.write(123);

        }
    </script>
    </head>
    <body>
        <div class="redDiv">我是一个红色的DIV</div>
    </body>
    
</html>