开发者社区> mcy247> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)

简介:
+关注继续查看

方法回调: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 = "http://www.sina.com";
        if (iframe.attachEvent) {
            iframe.attachEvent("onload", function () {
               // …你的代码逻辑
            });
        } else {
            iframe.onload = function () {
                // …你的代码逻辑
            };
        }
        document.body.appendChild(iframe);
    </script>
,如需转载请自行联系原博主。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
js实现给定图片路径自动下载
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gisdoer/article/details/80434130 js实现图片自动下载 http://www.
1079 0
js实现简单的循环打字效果(思路分享)
1.初始化"打字创建"属性 代码类似于这样: var typing = { _el: document.getElementById("demo"), _maxSpeed: 150,//最大输入...
1178 0
JS - 原生js实现 网页截图(+下载截图) 功能
实现:html2canvas + canvas.toDataURL 首先,引入依赖插件: import { html2canvas } from './html2canvas'; html2canvas截图模糊处理:   1 /*图片跨域及截图模糊处理*/ 2 let canvasContent = document.
3770 0
用js来实现那些数据结构及算法—目录
  首先,有一点要声明,下面所有文章的所有内容的代码,都不是我一个人独立完成的,它们来自于一本叫做《学习JavaScript数据结构和算法》(第二版),人民邮电出版社出版的这本书。github代码地址是https://github.com/loiane/javascript-datastructures-algorithms。
1992 0
用js来实现那些数据结构16(图02-图的遍历)
  上一篇文章我们简单介绍了一下什么是图,以及用JS来实现一个可以添加顶点和边的图。按照惯例,任何数据结构都不可或缺的一个point就是遍历。也就是获取到数据结构中的所有元素。那么图当然也不例外。这篇文章我们就来看看如何遍历以及用js来实现图的遍历。
1181 0
+关注
mcy247
做自己的太阳 无需凭借谁的光
1070
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载