繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 判断脚本加载是否完成的方法
- Javascript
- 在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
- 用Javascript读取中文COOKIE的解决办法
- 功能很全的精品JS计算器
- 永不消失的title提示代码
- 一直复略了的一个问题，关于表单重复提交
- 初探jquery——表单应用范例
- 懒就要懒到底——鼠标自动点击（含时间判断）
- 关于表单的两点交互体验改进技巧
- javascript知识点收藏
- 用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1
- 如何使页面打开时input就被选中？
- 点选TOP后并不是直接跳到页顶的，而是滚动上去的
- js玩一玩WSH吧
- 【最新漏洞】IE中使用Rds.DataSpace下载并运行病毒文件
- select选择事件问题
- SUN的《AJAX与J2EE》全文译了
- 你真的了解JavaScript吗？
- 极酷的javascirpt，让你随意编辑任何网页
- 用javascript编写的第一人称射击游戏
- 轻轻松松学习JavaScript
Javascript 中的 判断脚本加载是否完成的方法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 454 ::
收藏到网摘: n/a
在“按需加载”的需求中，我们经常会判断当脚本加载完成时，返回一个回调函数，那如何去判断脚本的加载完成呢？ 我们可以对加载的 JS 对象使用 onload 来判断（js.onload），此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 浏览器都能很好的支持，但 IE6、IE7 却不支持。曲线救国 —— IE6、IE7 我们可以使用 js.onreadystatechange 来跟踪每个状态变化的情况（一般为 loading 、loaded、interactive、complete），当返回状态为 loaded 或 complete 时，则表示加载完成，返回回调函数。
对于 readyState 状态需要一个补充说明：
1.在 interactive 状态下，用户可以参与互动。
2.Opera 其实也支持 js.onreadystatechange，但他的状态和 IE 的有很大差别。
具体实现代码如下：
复制代码 代码如下:
function include_js(file) {
var _doc = document.getElementsByTagName('head')[0];
var js = document.createElement('script');
js.setAttribute('type', 'text/javascript');
js.setAttribute('src', file);
_doc.appendChild(js);
if (!/*@cc_on!@*/0) { //if not IE
//Firefox2、Firefox3、Safari3.1+、Opera9.6+ support js.onload
js.onload = function () {
alert('Firefox2、Firefox3、Safari3.1+、Opera9.6+ support js.onload');
}
} else {
//IE6、IE7 support js.onreadystatechange
js.onreadystatechange = function () {
if (js.readyState == 'loaded' || js.readyState == 'complete') {
alert('IE6、IE7 support js.onreadystatechange');
}
}
}
return false;
}
//execution function
include_js('http://img.ruanchen.com/slib/jquery/jquery-1.3.2.min.js);
评论 (0) All
