JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)


Posted in Javascript onJuly 04, 2011

方法回调:callback方法回调是指当某方法执行完成后,去自动执行指定的另一方法的过程.下面举两个代表性的例子,说说JS世界里的方法回调.
一 对JS脚本文件动态加载,当加载完成后,去回调一个函数

<script> 
/* js动态加载脚本库方法 */ 
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 () { 
// …你的代码逻辑 
} 
} else { //IE6、IE7 support js.onreadystatechange 
js.onreadystatechange = function () { 
if (js.readyState == 'loaded' || js.readyState == 'complete') { 
// …你的代码逻辑 //加载Jquery脚本库,完成后,执行jquery里的方法 
$("#div1").html("ok"); 
} 
} 
} 
return false; 
} //execution function 
include_js('http://img1.c2cedu.com/Scripts/jquery/jquery-1.4.2.min.js'); 
</script>

二 动态加载IFRAME框架页,当加载完成后,去回调一个函数
<script> 
var iframe = document.createElement("iframe"); 
iframe.src = https://3water.com; 
if (iframe.attachEvent) { 
iframe.attachEvent("onload", function () { // …你的代码逻辑 }); } else { 
iframe.onload = function () { 
// …你的代码逻辑 
}; 
} 
document.body.appendChild(iframe); 
</script>
Javascript 相关文章推荐
求解开jscript.encode代码的asp函数
Feb 28 Javascript
js 中的switch表达式使用示例
Jun 03 Javascript
jQuery scroll事件实现监控滚动条分页示例
Apr 04 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
May 04 Javascript
JQuery插件iScroll实现下拉刷新,滚动翻页特效
Jun 22 Javascript
2则自己编写的jQuery特效分享
Feb 26 Javascript
JavaScript使用slice函数获取数组部分元素的方法
Apr 06 Javascript
如何实现移动端浏览器不显示 pc 端的广告
Oct 15 Javascript
jquery获取form表单input元素值的简单实例
May 30 Javascript
什么是JavaScript中的结果值?
Oct 08 Javascript
vue axios数据请求get、post方法及实例详解
Sep 11 Javascript
vue ref如何获取子组件属性值
Mar 31 Vue.js
jQuery 对Select的操作备忘记录
Jul 04 #Javascript
javascript开发技术大全 第4章 直接量与字符集
Jul 03 #Javascript
javascript开发技术大全-第3章 js数据类型
Jul 03 #Javascript
javascript开发技术大全-第1章javascript概述
Jul 03 #Javascript
js 字符串转化成数字的代码
Jun 29 #Javascript
js的一些常用方法小结
Jun 29 #Javascript
JavaScript下通过的XMLHttpRequest发送请求的代码
Jun 28 #Javascript
You might like
PHP新特性详解之命名空间、性状与生成器
2017/07/18 PHP
JQuery AJAX实现目录浏览与编辑的代码
2008/10/21 Javascript
jquery validate使用攻略 第四步
2010/07/01 Javascript
JavaScript面向对象(极简主义法minimalist approach)
2012/07/17 Javascript
JQuery遍历json数组的3种方法
2014/11/08 Javascript
jQuery中outerWidth()方法用法实例
2015/01/19 Javascript
Angularjs中UI Router的使用方法
2016/05/14 Javascript
完美解决node.js中使用https请求报CERT_UNTRUSTED的问题
2017/01/08 Javascript
js实现tab切换效果
2017/02/16 Javascript
ES6新特性之模块Module用法详解
2017/04/01 Javascript
socket.io学习教程之基本应用(二)
2017/04/29 Javascript
JavaScript实现计数器基础方法
2017/10/10 Javascript
Angular实现表单验证功能
2017/11/13 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
2018/10/25 Javascript
微信小程序 JS动态修改样式的实现方法
2018/12/16 Javascript
详解React服务端渲染从入门到精通
2019/03/28 Javascript
使用vue脚手架(vue-cli)搭建一个项目详解
2019/05/09 Javascript
Python 爬虫多线程详解及实例代码
2016/10/08 Python
深入理解python中的select模块
2017/04/23 Python
python实现反转部分单向链表
2018/09/27 Python
python实现控制电脑鼠标和键盘,登录QQ的方法示例
2019/07/06 Python
用Python画一个LinkinPark的logo代码实例
2019/09/10 Python
pyinstaller还原python代码过程图解
2020/01/08 Python
PYQT5 vscode联合操作qtdesigner的方法
2020/03/24 Python
Python大批量搜索引擎图像爬虫工具详解
2020/11/16 Python
使用分层画布来优化HTML5渲染的教程
2015/05/08 HTML / CSS
HTML5有哪些新特征
2015/12/01 HTML / CSS
基于html5绘制圆形多角图案
2016/04/21 HTML / CSS
美国在线奢侈品寄售商店:Luxury Garage Sale
2018/08/19 全球购物
小学三好学生事迹材料
2014/08/15 职场文书
个人四风问题整改措施思想汇报
2014/10/04 职场文书
总结Java对象被序列化的两种方法
2021/06/30 Java/Android
利用 JavaScript 构建命令行应用
2021/11/17 Javascript
JavaScript ES6的函数拓展
2022/01/18 Javascript
Go本地测试解耦任务拆解及沟通详解Go本地测试的思路沟通的重要性总结
2022/06/21 Golang
使用CSS实现百叶窗效果示例代码
2023/05/07 HTML / CSS