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 相关文章推荐
addRule在firefox下的兼容写法
Nov 30 Javascript
Jquery中获取iframe的代码
Jan 11 Javascript
设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码
Mar 26 Javascript
js 时间格式与时间戳的相互转换示例代码
Dec 25 Javascript
JS实现在页面随时自定义背景颜色的方法
Feb 27 Javascript
Vue.js每天必学之计算属性computed与$watch
Sep 05 Javascript
深入浅析JS是按值传递还是按引用传递(推荐)
Sep 18 Javascript
Bootstrap中定制LESS-颜色及导航条(推荐)
Nov 21 Javascript
js仿新浪微博消息发布功能
Feb 17 Javascript
纯js实现页面返回顶部的动画(超简单)
Aug 10 Javascript
使用sessionStorage解决vuex在页面刷新后数据被清除的问题
Apr 13 Javascript
微信小程序实现侧边分类栏
Oct 21 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对象类型判断
2008/08/27 PHP
php分页示例分享
2014/04/30 PHP
实例讲解yii2.0在php命令行中运行的步骤
2015/12/01 PHP
php 使用fopen函数创建、打开文件详解及实例代码
2016/09/24 PHP
Thinkphp5+plupload实现的图片上传功能示例【支持实时预览】
2019/05/08 PHP
Laravel重定向,a链接跳转,控制器跳转示例
2019/10/22 PHP
Laravel修改验证提示信息为中文的示例
2019/10/23 PHP
javascript实现划词标记+划词搜索功能
2007/03/06 Javascript
Javascript 类与静态类的实现
2010/04/01 Javascript
javascript中的float运算精度实例分析
2010/08/21 Javascript
基于JQuery实现异步刷新的代码(转载)
2011/03/29 Javascript
javascript:history.go()和History.back()的区别及应用
2012/11/25 Javascript
javascript 终止函数执行操作
2014/02/14 Javascript
DOM基础教程之使用DOM + Css
2015/01/20 Javascript
JavaScript实现给定时间相加天数的方法
2016/01/25 Javascript
基于AngularJS+HTML+Groovy实现登录功能
2016/02/17 Javascript
Javascript中常用的检测方法小结
2016/10/08 Javascript
简单理解vue中el、template、replace元素
2016/10/27 Javascript
vue分类筛选filter方法简单实例
2017/03/30 Javascript
javascript实现循环广告条效果
2017/12/12 Javascript
微信小程序实现长按删除图片的示例
2018/05/18 Javascript
使用jQuery实现购物车
2020/10/29 jQuery
Python 描述符(Descriptor)入门
2016/11/20 Python
python操作 hbase 数据的方法
2016/12/18 Python
python 切换root 执行命令的方法
2019/01/19 Python
解决python中画图时x,y轴名称出现中文乱码的问题
2019/01/29 Python
Python提取转移文件夹内所有.jpg文件并查看每一帧的方法
2019/06/27 Python
django框架cookie和session用法实例详解
2019/12/10 Python
使用numpngw和matplotlib生成png动画的示例代码
2021/01/24 Python
仪器仪表检测毕业生自荐信
2013/10/31 职场文书
护理专业毕业生自我鉴定总结
2014/03/24 职场文书
土建施工员岗位职责
2014/07/16 职场文书
老干部工作先进事迹
2014/08/17 职场文书
群众路线教育实践活动整改方案(个人版)
2014/10/25 职场文书
2014年学生会部门工作总结
2014/11/07 职场文书
先进基层党组织主要事迹材料
2015/11/03 职场文书