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 confirm选择判断
Oct 18 Javascript
容易被忽略的JS脚本特性
Sep 13 Javascript
jQuery之日期选择器的深入解析
Jun 19 Javascript
js去除空格的12种实用方法
Nov 08 Javascript
使用npm发布Node.JS程序包教程
Mar 02 Javascript
学习javascript文件加载优化
Feb 19 Javascript
jquery插件之文字间歇自动向上滚动效果代码
Feb 25 Javascript
D3.js实现雷达图的方法详解
Sep 22 Javascript
jquery validation验证表单插件
Jan 07 Javascript
jQuery上传多张图片带进度条样式(DEMO)
Mar 02 Javascript
详解vue.js之props传递参数
Dec 12 Javascript
JavaScript组合设计模式--改进引入案例分析
May 23 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/05/29 PHP
通过dbi使用perl连接mysql数据库的方法
2014/04/16 PHP
php中switch与ifelse的效率区别及适用情况分析
2015/02/12 PHP
php版微信公众平台之微信网页登陆授权示例
2016/09/23 PHP
php中static和const关键字用法分析
2016/12/07 PHP
PHP解决中文乱码
2017/04/28 PHP
把textarea中字符串里含有的回车换行替换成&amp;lt;br&amp;gt;的javascript代码
2007/04/20 Javascript
BootStrap实现鼠标悬停下拉列表功能
2017/02/17 Javascript
vue 打包后的文件部署到express服务器上的方法
2017/08/09 Javascript
Ionic3实现图片瀑布流布局
2017/08/09 Javascript
javaScript canvas实现(画笔大小 颜色 橡皮的实例)
2017/11/28 Javascript
JS设计模式之策略模式概念与用法分析
2018/02/05 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
2018/07/06 Javascript
JavaScript引用类型Object常见用法实例分析
2018/08/08 Javascript
vue项目中运用webpack动态配置打包多种环境域名的方法
2019/06/24 Javascript
在layui.use 中自定义 function 的正确方法
2019/09/16 Javascript
Python 文件重命名工具代码
2009/07/26 Python
Python中条件选择和循环语句使用方法介绍
2013/03/13 Python
12步入门Python中的decorator装饰器使用方法
2016/06/20 Python
python 提取key 为中文的json 串方法
2018/12/31 Python
python django框架中使用FastDFS分布式文件系统的安装方法
2019/06/10 Python
Django 响应数据response的返回源码详解
2019/08/06 Python
tensorflow 初始化未初始化的变量实例
2020/02/06 Python
在PyTorch中使用标签平滑正则化的问题
2020/04/03 Python
Python实现在线批量美颜功能过程解析
2020/06/10 Python
python推导式的使用方法实例
2021/02/28 Python
Pat McGrath Labs官网:世界上最有影响力的化妆师推出的彩妆品牌
2018/01/07 全球购物
英国最大的在线奢侈手表零售商:Jura Watches
2018/01/29 全球购物
编写类String 的构造函数、析构函数和赋值函数
2012/09/09 面试题
简单而又朴实的个人求职信分享
2013/12/12 职场文书
班组长安全职责
2014/01/05 职场文书
中国梦演讲稿开场白
2014/08/28 职场文书
2014年扶贫帮困工作总结
2014/12/09 职场文书
2016年寒假社会实践活动总结
2015/03/27 职场文书
学校工会工作总结2015
2015/05/19 职场文书
教师节表彰会主持词
2015/07/06 职场文书