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 相关文章推荐
jquery如何把参数列严格转换成数组实现思路
Apr 01 Javascript
jquery如何判断表格同一列不同行input数据是否重复
May 14 Javascript
JavaScript中实现sprintf、printf函数
Jan 27 Javascript
javascript Array 数组常用方法
Apr 05 Javascript
jquery实现左右滑动菜单效果代码
Aug 27 Javascript
Validform表单验证总结篇
Oct 31 Javascript
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
Dec 15 Javascript
AngulaJS路由 ui-router 传参实例
Apr 28 Javascript
详解Angular CLI + Electron 开发环境搭建
Jul 20 Javascript
JS实现的集合去重,交集,并集,差集功能示例
Mar 13 Javascript
详解如何在vue项目中使用layui框架及采坑
May 05 Javascript
javascript this指向相关问题及改变方法
Nov 19 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 print EOF实现方法
2009/05/21 PHP
[原创]PHP获取数组表示的路径方法分析【数组转字符串】
2017/09/01 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
火狐浏览器(firefox)下获得Event对象以及keyCode
2008/11/13 Javascript
javascript setTimeout和setInterval计时的区别详解
2013/06/21 Javascript
jquery控制display属性为none或block
2014/03/31 Javascript
Nodejs极简入门教程(三):进程
2014/10/27 NodeJs
jquery左右全屏大尺寸多图滑动效果代码分享
2015/08/28 Javascript
基于javascript实现仿百度输入框自动匹配功能
2016/01/03 Javascript
js判断浏览器是否支持严格模式的方法
2016/10/04 Javascript
详解Js模板引擎(TrimPath)
2016/11/22 Javascript
常用的javascript设计模式
2017/01/11 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
2017/02/27 Javascript
微信小程序自定义tab实现多层tab嵌套功能
2018/06/15 Javascript
简述vue状态管理模式之vuex
2018/08/29 Javascript
js实现简易ATM功能
2020/10/27 Javascript
python leetcode 字符串相乘实例详解
2018/09/03 Python
Flask框架web开发之零基础入门
2018/12/10 Python
python 获取utc时间转化为本地时间的方法
2018/12/31 Python
使用python opencv对目录下图片进行去重的方法
2019/01/12 Python
详解pyqt5的UI中嵌入matplotlib图形并实时刷新(挖坑和填坑)
2020/08/07 Python
python 实用工具状态机transitions
2020/11/21 Python
python软件测试Jmeter性能测试JDBC Request(结合数据库)的使用详解
2021/01/26 Python
纯CSS3大转盘抽奖示例代码(响应式、可配置)
2017/01/13 HTML / CSS
html5指南-3.如何实现html元素拖拽功能
2013/01/07 HTML / CSS
荷兰家电销售网站:Welhof
2020/12/08 全球购物
四年级数学教学反思
2014/02/02 职场文书
培训协议书范本
2014/04/22 职场文书
娱乐节目策划方案
2014/06/10 职场文书
运动会广播稿100字
2014/09/14 职场文书
超市工作总结范文2014
2014/12/19 职场文书
2015年公务员个人工作总结
2015/04/24 职场文书
投资申请报告
2015/05/19 职场文书
MySQL大小写敏感的注意事项
2021/05/24 MySQL
MySQL的安装与配置详细教程
2021/06/26 MySQL
关于Redis的主从复制及哨兵问题
2022/06/16 Redis