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 文件传参及处理技巧分析
May 13 Javascript
js打开windows上的可执行文件示例
May 27 Javascript
node.js中格式化数字增加千位符的几种方法
Jul 03 Javascript
jQuery页面刷新(局部、全部)问题分析
Jan 09 Javascript
学习JavaScript设计模式之单例模式
Jan 19 Javascript
jquery插件uploadify多图上传功能实现代码
Aug 12 Javascript
jQuery的extend方法【三种】
Dec 14 Javascript
JavaScript实现读取与输出XML文件数据的方法示例
Jun 05 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
May 20 Javascript
iview的table组件自带的过滤器实现
Jul 12 Javascript
JavaScript修改注册表实例代码
Jan 05 Javascript
js实现石头剪刀布游戏
Oct 11 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数组交集的优化代码分析
2011/03/06 PHP
php中使用$_REQUEST需要注意的一个问题
2013/05/02 PHP
PHP curl 抓取AJAX异步内容示例
2014/09/09 PHP
JS获取表格内指定单元格html内容的方法
2015/03/31 Javascript
Jquery实现$.fn.extend和$.extend函数
2016/04/14 Javascript
js剪切板应用clipboardData实例解析
2016/05/29 Javascript
基于JS实现无缝滚动思路及代码分享
2016/06/07 Javascript
VueJs与ReactJS和AngularJS的异同点
2016/12/12 Javascript
react.js 获取真实的DOM节点实例(必看)
2017/04/17 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
2017/04/18 Javascript
详解ES6 CLASS在微信小程序中的应用实例
2020/04/24 Javascript
从零开始在vue-cli4配置自适应vw布局的实现
2020/06/08 Javascript
小程序表单认证布局及验证详解
2020/06/19 Javascript
Python爬取Coursera课程资源的详细过程
2014/11/04 Python
Python中的推导式使用详解
2015/06/03 Python
浅谈python3.x pool.map()方法的实质
2019/01/16 Python
Python面向对象程序设计之类的定义与继承简单示例
2019/03/18 Python
python f-string式格式化听语音流程讲解
2019/06/18 Python
python修改文件内容的3种方法详解
2019/11/15 Python
python分别打包出32位和64位应用程序
2020/02/18 Python
python调用HEG工具批量处理MODIS数据的方法及注意事项
2020/02/18 Python
Python通过kerberos安全认证操作kafka方式
2020/06/06 Python
Python使用lambda抛出异常实现方法解析
2020/08/20 Python
5个你不知道的HTML5的接口介绍
2013/08/07 HTML / CSS
使用placeholder属性设置input文本框的提示信息
2020/02/19 HTML / CSS
html5实现输入框fixed定位在屏幕最底部兼容性
2020/07/03 HTML / CSS
经济实惠的豪华家具:My-Furniture
2019/03/12 全球购物
皇家阿尔伯特英国官方商店:Royal Albert骨瓷
2019/03/25 全球购物
2019年c语言经典面试题目
2016/08/17 面试题
企业安全生产责任书
2014/04/14 职场文书
质检员岗位职责范本
2015/04/07 职场文书
python实现批量提取指定文件夹下同类型文件
2021/04/05 Python
JavaScript控制台的更多功能
2021/04/28 Javascript
Python如何配置环境变量详解
2021/05/18 Python
Python合并pdf文件的工具
2021/07/01 Python
用JS写一个发布订阅模式
2021/11/07 Javascript