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 相关文章推荐
JS获得URL超链接的参数值实例代码
Jun 21 Javascript
JS版元素周期表实现方法
Aug 05 Javascript
JS实现的在线调色板实例(附demo源码下载)
Mar 01 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
May 25 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
Oct 09 Javascript
微信小程序 共用变量值的实现
Jul 12 Javascript
JavaScript实现连连看连线算法
Jan 05 Javascript
Vue实现背景更换颜色操作
Jul 17 Javascript
js实现贪吃蛇游戏(简易版)
Sep 29 Javascript
vue 中使用print.js导出pdf操作
Nov 13 Javascript
vue实现简单数据双向绑定
Apr 28 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
关于Intype一些小问题的解决办法
2008/03/28 PHP
PHP读取xml方法介绍
2013/01/12 PHP
解析php做推送服务端实现ios消息推送
2013/07/01 PHP
php查找字符串中第一个非0的位置截取
2017/02/27 PHP
jQuery中校验时间格式的正则表达式小结
2013/09/22 Javascript
JS中引用百度地图并将百度地图的logo和信息去掉
2013/09/29 Javascript
使用GruntJS构建Web程序之构建篇
2014/06/04 Javascript
Angular中的interceptors拦截器
2017/06/25 Javascript
VUE前端cookie简单操作
2017/10/17 Javascript
10行代码实现微信小程序滑动tab切换
2018/12/28 Javascript
Layui 动态禁止select下拉的例子
2019/09/03 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
2021/01/28 Javascript
[03:08]迎霜节狂欢!2018年迎霜节珍藏Ⅰ一览
2018/12/25 DOTA
[01:20:37]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
Python中使用PIPE操作Linux管道
2015/02/04 Python
python实现登陆知乎获得个人收藏并保存为word文件
2015/03/16 Python
pygame学习笔记(5):游戏精灵
2015/04/15 Python
Python3实现将文件归档到zip文件及从zip文件中读取数据的方法
2015/05/22 Python
python删除特定文件的方法
2015/07/30 Python
使用python进行拆分大文件的方法
2018/12/10 Python
python isinstance函数用法详解
2020/02/13 Python
解决pycharm安装第三方库失败的问题
2020/05/09 Python
python实例化对象的具体方法
2020/06/17 Python
详解用 python-docx 创建浮动图片
2021/01/24 Python
HTML5视频支持检测(检查浏览器是否支持视频播放)
2013/06/08 HTML / CSS
html5是什么_动力节点Java学院整理
2017/07/07 HTML / CSS
美国嘻哈首饰购物网站:Hip Hop Bling
2016/12/30 全球购物
师范生实习的个人自我鉴定
2013/10/20 职场文书
化学实验员岗位职责
2013/12/28 职场文书
党的群众路线教育实践活动学习心得体会
2014/03/03 职场文书
奶茶店创业计划书
2014/08/14 职场文书
党建工作整改措施
2014/10/28 职场文书
男方婚礼答谢词
2015/01/20 职场文书
2015年高三年级组工作总结
2015/07/21 职场文书
Redis实现订单自动过期功能的示例代码
2021/05/08 Redis
Python人工智能之混合高斯模型运动目标检测详解分析
2021/11/07 Python