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 相关文章推荐
控制文字内容的显示与隐藏示例
Jun 11 Javascript
js实现回放拖拽轨迹从过程上进行分析
Jun 26 Javascript
DOM基础教程之使用DOM + Css
Jan 20 Javascript
JavaScript常用标签和方法总结
Sep 01 Javascript
angularjs创建弹出框实现拖动效果
Aug 25 Javascript
Bootstrap登陆注册页面开发教程
Jul 12 Javascript
JS实现图片放大镜插件详解
Nov 06 Javascript
微信小程序slider组件使用详解
Jan 31 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
Aug 12 Javascript
javascript面向对象程序设计实践常用知识点总结
Jul 29 Javascript
微信小程序自定义联系人弹窗
May 26 Javascript
jQuery-App输入框实现实时搜索
Nov 19 jQuery
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
在DC的漫画和电影中,蝙蝠侠的宿敌,小丑的真名是什么?
2020/04/09 欧美动漫
php防止站外远程提交表单的方法
2014/10/20 PHP
Nginx下配置codeigniter框架方法
2015/04/07 PHP
php关键字仅替换一次的实现函数
2015/10/29 PHP
关于javascript 回调函数中变量作用域的讨论
2009/09/11 Javascript
用js实现小球的自由移动代码
2013/04/22 Javascript
解析JavaScript中instanceof对于不同的构造器或许都返回true
2013/12/03 Javascript
原创jQuery弹出层插件分享
2015/04/02 Javascript
基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
2015/12/29 Javascript
Node.js开发者必须了解的4个JS要点
2016/02/21 Javascript
学习AngularJs:Directive指令用法(完整版)
2016/04/26 Javascript
详解Angular中的自定义服务Service、Provider以及Factory
2017/04/22 Javascript
使用jQuery,Angular实现登录界面验证码详解
2017/04/27 jQuery
jQuery使用JSONP实现跨域获取数据的三种方法详解
2017/05/04 jQuery
AngularJS 表单验证手机号的实例(非必填)
2017/11/12 Javascript
微信小程序实现获取自己所处位置的经纬度坐标功能示例
2017/11/30 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
2018/02/13 jQuery
使用Vue构建可重用的分页组件
2018/03/26 Javascript
小程序最新获取用户昵称和头像的方法总结
2019/09/23 Javascript
深入讨论Python函数的参数的默认值所引发的问题的原因
2015/03/30 Python
python按比例随机切分数据的实现
2019/07/11 Python
python中调试或排错的五种方法示例
2019/09/12 Python
python [:3] 实现提取数组中的数
2019/11/27 Python
Python绘制二维曲线的日常应用详解
2019/12/04 Python
通俗易懂了解Python装饰器原理
2020/09/17 Python
Python远程linux执行命令实现
2020/11/11 Python
HTML5新增的Css选择器、伪类介绍
2013/08/07 HTML / CSS
小橄榄树:Le Petit Olivier
2018/04/23 全球购物
Bibloo匈牙利:女装、男装、童装及鞋子和配饰
2019/04/14 全球购物
美国一家著名的手表在线折扣网站:Discount Watch Store
2020/02/24 全球购物
党的群众路线教育实践活动公开承诺书
2014/03/28 职场文书
大学生感恩父母演讲稿
2014/08/28 职场文书
领导班子四风问题对照检查材料
2014/09/27 职场文书
银行柜员与客户起冲突检讨书
2014/09/27 职场文书
体育委员竞选稿
2015/11/21 职场文书
Elasticsearch 基本查询和组合查询
2022/04/19 Python