iframe跨域访问父框架js方法

iframe跨域访问父框架js方法

条件

1.不在同一个主域下

2.iframe调用父框架方法

环境说明

父框架有打开TAB页方法，但是子页面嵌入的是其他系统页面，同样需要打开TAB页。

方法描述

原理上就是通过子页面嵌入父框架页面来使用调用方法

父框架桥连页面

@{
    ViewBag.Title = "跨域桥连";
    Layout = "~/Views/Shared/_LayoutCenter.cshtml";
}

@section Scripts{
<script>
    parent.parent.DomainAddtabs("@ViewBag.Url", "@ViewBag.Name"); // execute main function
</script>
}

子系统js方法

/*
 跨域问题
*/
; (function ($) {
    $.extend({
        sendDomain: function (opt, callback) {
            var defaults = {
                wmsUrl: '#',
                icon: 'icon-house_in', //图标
                title:'title',
                sapUrl: '#'
            };
            var opts = $.extend(defaults, opt);

            try {
                var parent = window.parent;
                var url = opts.wmsUrl;
                var icon = "icon " + opts.icon;
                window.parent.addTab(opts.title, url, icon);
            } catch (e) {
                var url = opts.wmsUrl;
                $.execMain(url, opts.title, opts.sapUrl);
            }
            if (callback) {
                callback();
            }
        },
        // exec main function
        execMain: function (url, name, mainUrl) {
            if (typeof (exec_obj) == 'undefined') {
                exec_obj = document.createElement('iframe');
                exec_obj.name = 'tmp_frame';
                exec_obj.src = mainUrl + '?url=' + url + '&name=' + name;
                exec_obj.style.display = 'none';
                document.body.appendChild(exec_obj);
            } else {
                exec_obj.src = mainUrl + '?url=' + url + '&name=' + name + '&' + Math.random();
            }
        }
    });
})(jQuery);

完成。