开发者社区> mcy247> 正文

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>
,如需转载请自行联系原博主。

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

相关文章
[20121127]rman备份数据文件大小与truncate.txt
[20121127]rman备份数据文件大小与truncate.txt记得以前看rman的书,rman仅仅备份已经格式话的块,如果这样一个表被truncate后,即使空间回收了。
871 0
【log4j2 加载配置文件】 加载配置文件的三种方法
log4j 2读取的配置文件可以分为三类:src下的配置文件、绝对路径的配置文件、相对路径的配置文件。 1 package com.herman.test; 2 3 import java.
1909 0
未能加载文件或程序集“System.Web.Mvc, Version=5.2.3.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35”或它的某一个依赖项
在发布网站时遇到如题错误。 错误消息详细信息:未能加载文件或程序集“System.Web.Mvc, Version=5.2.3.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35”或它的某一个依赖项。
1878 0
h5中performance.timing轻松获取网页各个数据 如dom加载时间 渲染时长 加载完触发时间
在控制台中输入window.performance.timing(html5的属性); 各字段的含义: · navigationStart:当前浏览器窗口的前一个网页关闭,发生unload事件时的Unix毫秒时间戳。
1752 0
Spring使用外部属性文件以及常见错误(内附大量图片,很有借鉴意义)
一、在 Spring Config 文件中配置 Bean 时,有时候需要在 Bean 的配置里添加 系统部署的细节信息,如文件路径,数据源配置信息。而这些部署细节实际上需要在配置文件外部来定义。
828 0
error LNK2019: 无法解析的外部符号 __imp_GetUserObjectInformationW,该符号在函数 OPENSSL_isservice 中被引用
错误 18 error LNK2019: 无法解析的外部符号 __imp_GetUserObjectInformationW,该符号在函数 OPENSSL_isservice 中被引用 E:\FileRecv\SimpleAuthenticator(1)\SimpleAuthenticator\SimpleAuthenticator\libeay64.
3278 0
Linux SendMail 使用外部SMTP服务发送邮件
这个今天刚好用到,就测试了一下。OK了。。因为,PYTHON模块是可以,但SHELL脚本用SHELL发,还是合拍点。。   http://my.oschina.net/duangr/blog/183162   1.
1308 0
Android ImageView加载圆形图片且同时绘制圆形图片的外部边缘边线及边框
 Android ImageView加载圆形图片且同时绘制圆形图片的外部边缘边线及边框 在Android早期的开发中,如果涉及到圆形图片的处理,往往需要借助于第三方的实现,见附录文章1,2。
1093 0
6种properties文件加载方法
6种properties文件加载方法
519 0
+关注
mcy247
做自己的太阳 无需凭借谁的光
1070
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载