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 相关文章推荐
xtree.js 代码
Mar 13 Javascript
浅析jQuery EasyUI中的tree使用指南
Dec 18 Javascript
javascript数据结构之双链表插入排序实例详解
Nov 25 Javascript
vue.js如何将echarts封装为组件一键使用详解
Oct 10 Javascript
js 两个日期比较相差多少天的实例
Oct 19 Javascript
Vue中父子组件通讯之todolist组件功能开发
May 21 Javascript
深入理解Vue父子组件生命周期执行顺序及钩子函数
Aug 12 Javascript
jQuery实现的页面弹幕效果【测试可用】
Aug 17 jQuery
JavaScript实现简单的隐藏式侧边栏功能示例
Aug 31 Javascript
js blob类型url的视频下载问题的解决
Nov 29 Javascript
Vue路由的模块自动化与统一加载实现
Jun 05 Javascript
Vue Elenent实现表格相同数据列合并
Nov 30 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
PHP4之真OO
2006/10/09 PHP
图象函数中的中文显示
2006/10/09 PHP
YII2框架中actions的作用与使用方法示例
2020/03/13 PHP
cookie中的path与domain属性详解
2013/12/18 Javascript
jQuery选择器全面总结
2014/01/06 Javascript
百度UEditor编辑器如何关闭抓取远程图片功能
2015/03/03 Javascript
jquery使用ul模拟select实现表单美化的方法
2015/08/18 Javascript
第二章之Bootstrap 页面排版样式
2016/04/25 Javascript
用JS写的一个Ajax库(实例代码)
2016/08/06 Javascript
Angular表单验证实例详解
2016/10/20 Javascript
bootstrap中模态框、模态框的属性实例详解
2017/02/17 Javascript
jquery实现图片跟随鼠标的实例
2017/10/17 jQuery
JQuery元素快速查找与操作
2018/04/22 jQuery
微信小程序实现收藏与取消收藏切换图片功能
2018/08/03 Javascript
vue实现动态列表点击各行换色的方法
2018/09/13 Javascript
如何根据业务封装自己的功能组件
2019/04/19 Javascript
微信小程序日历弹窗选择器代码实例
2019/05/09 Javascript
新手如何快速理解js异步编程
2019/06/24 Javascript
小程序开发之模态框组件封装
2020/04/23 Javascript
Python基于更相减损术实现求解最大公约数的方法
2018/04/04 Python
对python .txt文件读取及数据处理方法总结
2018/04/23 Python
关于Python的一些学习总结
2018/05/25 Python
python中wx模块的具体使用方法
2020/05/15 Python
Python中如何引入第三方模块
2020/05/27 Python
Html5新增标签有哪些
2017/04/13 HTML / CSS
女士时装鞋:Chinese Laundry
2018/08/29 全球购物
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
TCP/IP模型的分界线
2012/12/01 面试题
EJB的基本架构
2016/09/22 面试题
学生党员一帮一活动总结
2014/07/08 职场文书
小学校长汇报材料
2014/08/20 职场文书
会计学习心得体会
2014/09/09 职场文书
教师党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
管理者们如何制定2019年的工作计划?
2019/07/01 职场文书
mongodb清除连接和日志的正确方法分享
2021/09/15 MongoDB
JavaScript架构搭建前端监控如何采集异常数据
2022/06/25 Javascript