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);

 

完成。