iframe 數據傳遞

1.使用iframe是父頁面與子頁面的數據傳遞
2.使用iframe 跳轉部分研究處理ios兼容性
2.1 safai 會阻止iframe裏的window.open()函數
採用了講須要跳轉的頁面傳向父頁面,讓父頁面進行處理跳轉ios

//子頁面向父頁面傳遞信息
parent.postMessage({變量名: 數據}, '*');

//子頁面監聽父頁面傳遞來的數據進行處理
window.addEventListener("message", 處理數據函數, false);

//父頁面向子頁面傳遞數據
iFrame = document.getElementById('frame')
    //iframe加載完畢後再發送消息,不然子頁面接收不到message
    iFrame.onload = function () {
        //iframe加載完當即發送一條消息
        iFrame.contentWindow.postMessage({
            "ttxId": getQueryString("ttxid"),
            "token": getQueryString("token"),
            "timestamp": getQueryString("timestamp"),
            "host":location.host
        }, '*');
    }

//父頁面監聽子頁面傳遞過來的數據
window.addEventListener("message", 處理數據函數, false);複製代碼
相關文章
相關標籤/搜索