手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >window.onload 加载完毕的问题及解决方案(上)
window.onload 加载完毕的问题及解决方案(上)
摘要:解决方法,一、Mozilla提供了一个非公开的(undocumented)函数:复制代码代码如下://forMozillabrowsersi...

解决方法,

一、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.条件注释

复制代码 代码如下:

<>

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);

}

【window.onload 加载完毕的问题及解决方案(上)】相关文章:

JavaScript中eval函数的问题

用于table内容排序

javascript相关事件的几个概念

根据内容自动调整弹出窗口大小的JS解决方案

记录几个node.js错误及解决方案

JavaScript判断图片是否已经加载完毕的方法汇总

js光标定位文本框回车表单提交问题的解决方法

给网页加个彩色窗口

JavaScript实现列表分页功能特效

JavaScript容易犯错的九个陷阱

精品推荐
分类导航