文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>DOM加载与文档资源加载顺序问题

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

时间:2011-01-03  来源:xylonw



在开发中遇到问题,需要在页面加载前显示广告提示。也就是在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>


相关阅读 更多 +
排行榜 更多 +
XLM币最具爆发力的安全交易所币安binance下载

XLM币最具爆发力的安全交易所币安binance下载

金融理财 下载
XEM币最安全隐私链的全球交易所币安binance下载

XEM币最安全隐私链的全球交易所币安binance下载

金融理财 下载
WAVES币最新上线的优质交易所币安binance下载

WAVES币最新上线的优质交易所币安binance下载

金融理财 下载