要將值從iframe子頁面傳遞給父頁面,可以使用父頁面的window對象的屬性和方法。
在子頁面中,可以使用window.parent
來訪問父頁面的window對象。
如果要將值傳遞給父頁面,可以使用window.parent.postMessage()
方法。這個方法允許你向父頁面發送一個消息,并傳遞一個數據參數。
在子頁面中,可以使用以下代碼將值傳遞給父頁面:
// 子頁面
var value = "這是要傳遞的值";
window.parent.postMessage(value, "*");
在父頁面中,可以使用window.addEventListener()
來監聽來自子頁面的消息,并獲取傳遞的值:
// 父頁面
window.addEventListener('message', function(event) {
// event.data就是傳遞的值
console.log("接收到子頁面傳遞的值:" + event.data);
});
需要注意的是,window.postMessage()
方法的第二個參數是目標窗口的源(origin),通常可以使用通配符"*"
表示允許從任意源接收消息。如果你只希望接收特定源的消息,可以將這個參數設置為相應的源。
另外,要確保子頁面和父頁面在同一個域名下,否則跨域訪問會受到限制。