时间:2021-05-26
方法回调:callback方法回调是指当某方法执行完成后,去自动执行指定的另一方法的过程.下面举两个代表性的例子,说说JS世界里的方法回调.
一 对JS脚本文件动态加载,当加载完成后,去回调一个函数
复制代码 代码如下:
<script>
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 (!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://www.jb51.net;
if (iframe.attachEvent) {
iframe.attachEvent("onload", function () { // …你的代码逻辑 }); } else {
iframe.onload = function () {
// …你的代码逻辑
};
}
document.body.appendChild(iframe);
</script>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了原生JS实现动态加载js文件并在加载成功后执行回调函数的方法。分享给大家供大家参考,具体如下:有的时候需要动态加载一个javascript文件,并
本文实例讲述了JavaScript控制图片加载完成后调用回调函数的方法。分享给大家供大家参考。具体分析如下:这段代码可以控制指定区域内的图片加载完成后执行指定的
项目中经常会遇到这样的问题:当某个js脚本加载完成后再执行相应任务,但很多朋友可能并不知道怎么判断我们要加载的js文件是否加载完成,如果没有加载完成我们就调用j
AndroidonLoadFinished与onLoaderReset回调详解及实例onLoadFinished这个方法是在前面已创建的加载器已经完成其加载过程
js通过script标签的默认加载方式是同步的,即第一个script标签内的js加载完成后,才开始加载第二个,以此类推,直至js文件全部加载完毕。且js的依赖关