码迷,mamicode.com
首页 > 其他好文 > 详细

跨域信息传递postMessage

时间:2015-09-15 23:29:40      阅读:329      评论:0      收藏:0      [点我收藏+]

标签:

var sendToParent = function(event, data, listener) {
    var message = {
        event: event,
        data: data,
        listener: listener
    };
    window.parent.postMessage(JSON.stringify(message), "*");
};

 

var iframe = document.getElementById(‘iframe‘);
var sendToIframe = function(event, data, listener) {
    if (iframe && iframe.contentWindow) {
        var message = {
            event: event,
            data: data,
            listener: listener
        };
        iframe.contentWindow.postMessage(JSON.stringify(message), ‘*‘)
    }
};

 

var bindEvent =function (el, event, listener, useCapture) {
    ‘use strict‘;
    if (typeof useCapture === ‘undefined‘) {
        useCapture = false;
    }

    if (el.addEventListener) {
        el.addEventListener(event, listener, useCapture);
    }
    else if (el.attachEvent) {
        el.attachEvent(‘on‘ + event, listener);
    }
};

 

bindEvent(window, "message", function(e){
    var data = JSON.parse(e.data)||{};
    if(data.event && (typeof events[data.event] == "function") ){
        events[data.event](data.data||{});
        if(data.listener){
            //callback
        }
    }
});

 

跨域信息传递postMessage

标签:

原文地址:http://www.cnblogs.com/rubekid/p/4811757.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!