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 相关文章推荐
Javascript 面向对象(二)封装代码
May 23 Javascript
使用javascript过滤html的字符串(注释标记法)
Jul 08 Javascript
js/jquery获取文本框输入焦点的方法
Mar 04 Javascript
JavaScript操作DOM元素的childNodes和children区别
Apr 01 Javascript
浅谈JSON.parse()和JSON.stringify()
Jul 14 Javascript
原生javascript实现的一个简单动画效果
Mar 30 Javascript
js实现无缝循环滚动
Jun 23 Javascript
jquery插件ContextMenu设置右键菜单
Mar 13 Javascript
Nuxt.js实战详解
Jan 18 Javascript
Angular5集成eventbus的示例代码
Jul 19 Javascript
vue2路由基本用法实例分析
Mar 06 Javascript
Javascript查看大图功能代码实现
May 07 Javascript
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实现的下载css文件中的图片的代码
2010/02/08 PHP
php检测iis环境是否支持htaccess的方法
2014/02/18 PHP
PHP常用的排序和查找算法
2015/08/06 PHP
PHP使用pear实现mail发送功能 windows环境下配置pear
2016/04/15 PHP
PHP检测链接是否存在的代码实例分享
2016/05/06 PHP
php利用ob_start()清除输出和选择性输出的方法
2018/01/18 PHP
解决FireFox下[使用event很麻烦]的问题
2006/11/26 Javascript
javascript动画效果类封装代码
2007/08/28 Javascript
在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript
2008/12/02 Javascript
js弹窗代码 可以指定弹出间隔
2010/07/03 Javascript
JQuery实现简单验证码提示解决方案
2012/12/20 Javascript
让js弹出窗口居前显示的实现方法
2013/07/10 Javascript
jquery动态改变onclick属性导致失效的问题解决方法
2013/12/04 Javascript
javascript图片相似度算法实现 js实现直方图和向量算法
2014/01/14 Javascript
jQuery绑定事件不执行但alert后可以正常执行
2014/06/03 Javascript
js实现文字列表无缝滚动效果
2017/06/23 Javascript
vue登录路由验证的实现
2017/12/13 Javascript
JS实现计算小于非负数n的素数的数量算法示例
2019/02/26 Javascript
Python 正则表达式(转义问题)
2014/12/15 Python
python计算方程式根的方法
2015/05/07 Python
Python使用爬虫猜密码
2016/02/19 Python
Django与JS交互的示例代码
2017/08/23 Python
Python基于pygame实现单机版五子棋对战
2019/12/26 Python
如何一键升级Python所有包
2020/11/05 Python
Python的logging模块基本用法
2020/12/24 Python
一款简洁的纯css3代码实现的动画导航
2014/10/31 HTML / CSS
Html5新标签解释及用法
2012/02/17 HTML / CSS
C语言开发工程师测试题
2016/12/20 面试题
大学毕业生自荐书怎么写?
2014/01/06 职场文书
美德好少年主要事迹
2014/01/29 职场文书
初三学习计划书范文
2014/04/30 职场文书
2014年妇女工作总结
2014/12/06 职场文书
大学生自我推荐信范文
2015/03/24 职场文书
社区安全温馨提示语
2015/07/14 职场文书
原来闭幕词是这样写的呀!
2019/07/01 职场文书
文案策划岗位个人自我评价(范文)
2019/08/08 职场文书