父页面如何输出iframe里面的变量，或者调用iframe里面的方法？

// 父页面中
// html 
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

<iframe id="UniSoftPhone" src="http://localhost:8080/" width="100%" height="400px"></iframe>

</body>
</html>

// js
// UniSoftPhone是子页面iframe的Id
var frame = document.getElementById('UniSoftPhone'); 
var message = {method:'getCallMemory'};
frame.contentWindow.postMessage(JSON.stringify(message),'*')

// 子页面监听message事件
// listen message
    window.addEventListener('message', function(event){
        console.log(event);
        var data = event.data;

        try{
            data = JSON.parse(data);
            handlePostMessage.deliverMessage(data);
        }
        catch(e){
            util.error(e);
            util.error('message must be a stringify object!!');
        }
    });

// *** handler post message
    var handlePostMessage = {
        deliverMessage: function(message){
            var method = message.method;
            if($.isFunction(this[method]) && method !== 'deliverMessage'){
                this[method](message);
            }
        },
        getCallMemory: function(message){
            util.logCallMemory();
        },
        makeCall: function(message){
            var phoneNumber = message.phoneNumber;
            wellClient.makeCall(phoneNumber);
        }
    };

父页面如何输出iframe里面的变量，或者调用iframe里面的方法？

端端

引用和评论

vim 快捷键大全

腾讯新闻中心首页改版啦

前端如何入门 Go 语言

前站 - 前端导航，搜索社区，阅读文章，提升技术

前端开发工具

100个React最佳实践小技巧

开发插件集合