微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

判断脚本加载是否完成的方法_javascript技巧

php中文网
发布： 2016-05-16 18:52:25
原创
1162人浏览过

我们可以对加载的 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 的有很大差别。

具体实现代码如下：

Media.io AI Image Upscaler
Media.io AI Image Upscaler

Media.io推出的AI图片放大工具

Media.io AI Image Upscaler 62
查看详情 Media.io AI Image Upscaler
复制代码 代码如下:

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.jb51.net/jslib/jquery/jquery-1.3.2.min.js);

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：JavaScript 闭包深入理解(closure)_javascript技巧 下一篇：jQuery 剧场版 你必须知道的javascript_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
实现区域限定的粘性头部：精确定位与滚动控制教程 本教程详细介绍了如何使用JavaScript和CSS实现一个在特定区域内保持粘性，并在区域结束时自动解除粘性的头部组件。我们将通过计算元素位置、监听滚动事件并动态切换CSS类来解决传统粘性头部在区域外持续粘性的问题，提供一个精确控制用户界面行为的解决方案，确保头部在指定内容区域内保持可见，并在用户离开该区域时恢复正常流动。
2025-11-19 17:31:12
995
JavaScript图像处理_像素操作与滤镜效果实现 首先通过CanvasAPI获取图像像素数据，再利用JavaScript处理RGBA值实现滤镜效果。具体步骤包括：创建canvas并绘制图像，调用getImageData()获取像素信息，遍历data数组修改R、G、B值。例如灰度滤镜使用加权平均法0.299×R+0.587×G+0.114×B计算亮度值，将每个像素的RGB设为该值；反色滤镜将每个分量替换为255减去原值；模糊滤镜通过卷积核进行均值模糊；亮度调节则在各分量上叠加偏移量。处理完成后用putImageData()将结果渲染回canvas
2025-11-19 17:30:40
276
理解JavaScript中的WeakMap和WeakSet_javascript es6 WeakMap和WeakSet是ES6提供的弱引用集合，用于避免内存泄漏。其键或元素必须是对象，且不阻止垃圾回收，当对象被回收时，对应数据自动清除；它们不可遍历、无size和clear方法，适用于私有数据存储、缓存和状态标记等场景。
2025-11-19 17:24:06
201
JavaScript数组方法_Reduce与FlatMap进阶 reduce可实现对象分组与嵌套结构扁平化，flatMap能映射并展开数组，二者结合可高效处理复杂数据转换，如按作者统计评论词数。
2025-11-19 17:23:36
806
JavaScript_原型链与继承机制深入剖析 JavaScript通过原型链实现对象继承，核心是构造函数、prototype与[[Prototype]]的关联。每个函数有prototype对象，实例通过__proto__指向它，属性查找沿原型链向上追溯至Object.prototype或null。经典继承结合构造函数借用和Object.create()建立原型链接，避免直接赋值丢失constructor；ES6的class和extends为语法糖，底层仍基于原型链，如Dog继承Animal时，其原型链保持不变。关键在于理清对象、构造函数及原
2025-11-19 17:18:09
572
JavaScript数据压缩_霍夫曼编码与解码 霍夫曼编码通过构建带权路径最短的二叉树实现文本压缩，字符频率越高编码越短。首先统计字符频次并建立最小堆，逐步合并节点形成霍夫曼树；然后遍历树生成字符到二进制编码的映射表；编码时将字符替换为对应变长编码，解码时依比特流在树中路径查找对应字符，最终实现无损压缩与还原。该方法适用于高频重复文本的小规模压缩场景，有助于理解数据结构应用。
2025-11-19 17:15:05
308
实现带有滚动位置限制的吸顶式标签页头部教程 本教程详细阐述如何为网页中的标签页部分创建具有精确滚动位置限制的吸顶式头部。我们将通过JavaScript监听滚动事件，动态计算吸顶区域的起始和结束点，并根据当前滚动位置添加或移除CSS样式，确保头部仅在指定标签页区域内保持吸顶状态，从而解决常见的问题，如吸顶元素在区域外持续吸顶或滚动解除吸顶失效。
2025-11-19 17:12:01
628
JavaScript_USB设备通信与控制 WebUSBAPI允许JavaScript在浏览器中安全连接USB设备，需HTTPS环境及用户授权，支持Chrome61+等Chromium内核浏览器，通过requestDevice、open、selectConfiguration、claimInterface、transferIn/Out实现通信，适用于Arduino等开发板调试；限制包括仅部分浏览器支持、需手动触发连接、设备合规性要求，替代方案Node.js结合node-usb模块可实现更强大控制，适合桌面应用，且应遵循最小权限原则确保安全
2025-11-19 17:11:02
814
模板引擎：Handlebars与模板字符串用法 Handlebars适合复杂场景，支持逻辑控制与自定义helper，安全性高；模板字符串轻量简洁，原生支持，适用于简单渲染，需注意XSS防护。
2025-11-19 17:05:33
910
JavaScript压缩优化_Tree Shaking算法工作机制 TreeShaking是一种基于ES6模块静态分析的死代码消除机制，通过标记未引用的导出并剔除来优化打包体积。它依赖于import/export语法、生产模式配置及sideEffects声明，在Webpack、Rollup等工具中与代码压缩协同工作，有效减少bundle大小。
2025-11-19 17:03:23
180
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部