DOM加载与文档资源加载顺序问题

在开发中遇到问题，需要在页面加载前显示广告提示。也就是在dom还没有加载先显示广告，当页面所有资源加载完后在隐藏广告，显示dom内容。window onload包含dom load。 
页面响应加载的顺序是，域名解析->加载html->加载js和css->加载图片等其他信息，jquery的Dom Ready方法在加载图片等其他信息前就可以操作Dom了,先于window.onload事件触发前执行。 
 
 

 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>测试页面</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
        document.open();
    document.write('测试开始...............................');
        document.close();
</script>
<script>
 $(function(){
    alert('DOM资源已经加载完成！');
 })
</script>
</head>
    <!--body onload IE浏览器支持-->
    <body onload="alert('body on load!');">
        <div id="content">
            <div></div>
        </div>
        <script>
        //绑定window.onload事件

        window.onload = function(){alert('页面全部资源已经加载完成1');};
        //重复绑定window.onload事件

        $(window).load(function(){
            alert('页面全部资源已经加载完成2');
        });
        document.write('测试结束...............................');
        </script>
    </body>
</html>
posted @ 2016-05-06 11:50  绒线猫  阅读(236)  评论(0)    收藏  举报