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

Flink_China 发布于2019-08-22 11:05 / 3204人阅读

</>复制代码 
// 父页面中
// 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);
        }
    };

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/91733.html

前端跨域整理

摘要：前言原文地址前端跨域总结博主博客地址的个人博客相信每一个前端对于跨域这两个字都不会陌生，在实际项目中应用也是比较多的。通过跨域前面说过了，浏览器有一个同源策略，其限制之一是不能通过的方法去请求不同源中的文档。前言原文地址：前端跨域总结博主博客地址：Damonare的个人博客相信每一个前端er对于跨域这两个字都不会陌生，在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目...

yankeys 2019-06-27 14:44 评论0 收藏0
前端跨域整理

摘要：前言原文地址前端跨域总结博主博客地址的个人博客相信每一个前端对于跨域这两个字都不会陌生，在实际项目中应用也是比较多的。通过跨域前面说过了，浏览器有一个同源策略，其限制之一是不能通过的方法去请求不同源中的文档。前言原文地址：前端跨域总结博主博客地址：Damonare的个人博客相信每一个前端er对于跨域这两个字都不会陌生，在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目...

jsliang 2019-08-20 11:56 评论0 收藏0
前端跨域总结

摘要：通过跨域通过引入的不受同源策略的限制，所以我们可以通过标签引入一个或者是一个其他后缀形式如，等的文件，此文件返回一个函数的调用。 1.跨域的定义只要协议、域名、端口有任何一个不同，就会被当做为不同的域，如果从A域名访问B域名上的资源就叫做跨域。下面我们来看下几种跨域的方法： 2.document.domain 浏览器的同源策略有一些限制，第一，不能通过ajax方法去请求不同源的资源...

Yang_River 2019-08-01 17:27 评论0 收藏0
前端跨域总结

摘要：通过跨域通过引入的不受同源策略的限制，所以我们可以通过标签引入一个或者是一个其他后缀形式如，等的文件，此文件返回一个函数的调用。 1.跨域的定义只要协议、域名、端口有任何一个不同，就会被当做为不同的域，如果从A域名访问B域名上的资源就叫做跨域。下面我们来看下几种跨域的方法： 2.document.domain 浏览器的同源策略有一些限制，第一，不能通过ajax方法去请求不同源的资源...

honmaple 2019-08-20 18:52 评论0 收藏0
前端跨域总结

摘要：通过跨域通过引入的不受同源策略的限制，所以我们可以通过标签引入一个或者是一个其他后缀形式如，等的文件，此文件返回一个函数的调用。 1.跨域的定义只要协议、域名、端口有任何一个不同，就会被当做为不同的域，如果从A域名访问B域名上的资源就叫做跨域。下面我们来看下几种跨域的方法： 2.document.domain 浏览器的同源策略有一些限制，第一，不能通过ajax方法去请求不同源的资源...

caiyongji 2019-07-25 15:02 评论0 收藏0