父頁(yè)面如何輸出iframe里面的變量，或者調(diào)用iframe里面的方法？

Flink_China 發(fā)布于2019-08-22 11:05 / 3191人閱讀

// 父頁(yè)面中
// html 



    








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

// 子頁(yè)面監(jiān)聽(tīng)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);
        }
    };

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/91733.html

相關(guān)文章

前端跨域整理

摘要：前言原文地址前端跨域總結(jié)博主博客地址的個(gè)人博客相信每一個(gè)前端對(duì)于跨域這兩個(gè)字都不會(huì)陌生，在實(shí)際項(xiàng)目中應(yīng)用也是比較多的。通過(guò)跨域前面說(shuō)過(guò)了，瀏覽器有一個(gè)同源策略，其限制之一是不能通過(guò)的方法去請(qǐng)求不同源中的文檔。前言原文地址：前端跨域總結(jié) 博主博客地址：Damonare的個(gè)人博客相信每一個(gè)前端er對(duì)于跨域這兩個(gè)字都不會(huì)陌生，在實(shí)際項(xiàng)目中應(yīng)用也是比較多的。但跨域方法的多種多樣實(shí)在讓人目...

yankeys 2019-06-27 14:44 評(píng)論0 收藏0
前端跨域整理

摘要：前言原文地址前端跨域總結(jié)博主博客地址的個(gè)人博客相信每一個(gè)前端對(duì)于跨域這兩個(gè)字都不會(huì)陌生，在實(shí)際項(xiàng)目中應(yīng)用也是比較多的。通過(guò)跨域前面說(shuō)過(guò)了，瀏覽器有一個(gè)同源策略，其限制之一是不能通過(guò)的方法去請(qǐng)求不同源中的文檔。前言原文地址：前端跨域總結(jié) 博主博客地址：Damonare的個(gè)人博客相信每一個(gè)前端er對(duì)于跨域這兩個(gè)字都不會(huì)陌生，在實(shí)際項(xiàng)目中應(yīng)用也是比較多的。但跨域方法的多種多樣實(shí)在讓人目...

jsliang 2019-08-20 11:56 評(píng)論0 收藏0
前端跨域總結(jié)

摘要：通過(guò)跨域通過(guò)引入的不受同源策略的限制，所以我們可以通過(guò)標(biāo)簽引入一個(gè)或者是一個(gè)其他后綴形式如，等的文件，此文件返回一個(gè)函數(shù)的調(diào)用。 1.跨域的定義只要協(xié)議、域名、端口有任何一個(gè)不同，就會(huì)被當(dāng)做為不同的域，如果從A域名訪問(wèn)B域名上的資源就叫做跨域。下面我們來(lái)看下幾種跨域的方法： 2.document.domain 瀏覽器的同源策略有一些限制，第一，不能通過(guò)ajax方法去請(qǐng)求不同源的資源...

Yang_River 2019-08-01 17:27 評(píng)論0 收藏0
前端跨域總結(jié)

摘要：通過(guò)跨域通過(guò)引入的不受同源策略的限制，所以我們可以通過(guò)標(biāo)簽引入一個(gè)或者是一個(gè)其他后綴形式如，等的文件，此文件返回一個(gè)函數(shù)的調(diào)用。 1.跨域的定義只要協(xié)議、域名、端口有任何一個(gè)不同，就會(huì)被當(dāng)做為不同的域，如果從A域名訪問(wèn)B域名上的資源就叫做跨域。下面我們來(lái)看下幾種跨域的方法： 2.document.domain 瀏覽器的同源策略有一些限制，第一，不能通過(guò)ajax方法去請(qǐng)求不同源的資源...

honmaple 2019-08-20 18:52 評(píng)論0 收藏0
前端跨域總結(jié)

摘要：通過(guò)跨域通過(guò)引入的不受同源策略的限制，所以我們可以通過(guò)標(biāo)簽引入一個(gè)或者是一個(gè)其他后綴形式如，等的文件，此文件返回一個(gè)函數(shù)的調(diào)用。 1.跨域的定義只要協(xié)議、域名、端口有任何一個(gè)不同，就會(huì)被當(dāng)做為不同的域，如果從A域名訪問(wèn)B域名上的資源就叫做跨域。下面我們來(lái)看下幾種跨域的方法： 2.document.domain 瀏覽器的同源策略有一些限制，第一，不能通過(guò)ajax方法去請(qǐng)求不同源的資源...

caiyongji 2019-07-25 15:02 評(píng)論0 收藏0