当前位置: 首页 > 图文教程 > 网络编程 > Javascript > window.onload 加载完毕的问题及解决方案（上）

Javascript
jQuery chili图片远处放大插件
Aptana调试javascript图解教程
JS 动态获取节点代码innerHTML分析 [IE,FF]
jquery 分页控件实现代码
Ruffy javascript 学习笔记
JavaScript 学习笔记 Black.Caffeine 09.11.28
Jquery 快速构建可拖曳的购物车DragDrop
js 变量类型转换常用函数与代码[比较全]
JavaScript 直接操作本地文件的实现代码
兼容IE与Firefox的js 复制代码
让FireFox支持innerText的实现代码
js 表格隔行颜色
Jquery选择器 $实现原理
JS类的封装及实现代码
用Javascript检查Adobe PDF插件是否安装的实现代码
鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox
JavaScript Object的extend是一个常用的功能
JavaScript 报表展示实现代码
两种WEB下的模态对话框 （asp.net或js的分别实现）
checkbox全选/取消全选以及checkbox遍历jQuery实现代码

No. « 243 244 245 246 »

技术文章搜索

关键字

Javascript 中的 window.onload 加载完毕的问题及解决方案（上）

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 364 ::
收藏到网摘: n/a

我们经常使用 window.onload 来处理页面，当页面加载完成做一些事情。但这个 window.onload 是页面全部加载完成，甚至包括图片，而我们实际上经常需要的是文档 DOM 加载完毕！ 解决方法，
一、Mozilla 提供了一个非公开的(undocumented)函数：
复制代码 代码如下:

// for Mozilla browsers
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded", init, false);
}

二、对于 IE 浏览器，可以使用IE特有的 defer 属性：
复制代码 代码如下:

<script defer type="text/javascript">
alert("DOM 加载完毕！")
</script>

具有defer属性的脚本块会在DOM 加载完毕后执行。
非IE浏览器会忽略 defer 而直接执行 script 代码，因此，你可以有两种办法来屏蔽非IE浏览器执行这段针对IE的代码：
1.条件注释
复制代码 代码如下:

<!--[if IE]>
<script defer type="text/javascript">
alert("DOM 加载完毕！")
</script>
<![endif]-->

2.条件编辑
复制代码 代码如下:

<script defer type="text/javascript">
// for Internet Explorer
/*@cc_on @*/
/*@if (@_win32)
alert("DOM 加载完毕！");
/*@end @*/
</script>

三、对于Safari，这里有一个jQuery的解决方案：
复制代码 代码如下:

if (/WebKit/i.test(navigator.userAgent)) { // sniff
var _timer = setInterval(function() {
if (/loaded|complete/.test(document.readyState)) {
clearInterval(_timer);
init(); // call the onload handler
}
}, 10);
}