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

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

// 父頁面中
// html 



    








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

// 子頁面監(jiān)聽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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/91733.html

相關(guān)文章

前端跨域整理

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

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

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

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

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

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

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

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

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

caiyongji 2019-07-25 15:02 評論0 收藏0