messenger.js插件实现html跨域传递数据

messenger.js插件实现html跨域传递数据

messenger.js插件实现html跨域传递数据

parent页面

var messenger = new Messenger('parent');
    var iframe = document.getElementById('iframepage');
    messenger.addTarget(iframe.contentWindow, 'iframe');

    messenger.listen(function (msg) {
        var result = parseInt(msg, 10) + 20;

        if (result < mainWindowHeight) {
            result = mainWindowHeight;
        }
        $('#iframepage').height(result);
});

iframe页面

// iframe跨域传数据
var messenger = new Messenger('iframe');
messenger.addTarget(window.parent, 'parent'); 

// 跨域传main 高度
var height = $('.main').height();
messenger.targets['parent'].send(height);

messenger.listen(function (msg) {

});


立即下载messenger.js查看所有js插件

网友评论0

程序员在线工具箱