如何透過 HTML 傳送跨文件訊息？

透過建立新 iframe 或新視窗建立新的 Web 瀏覽上下文。我們可以使用 postMessage() 傳送資料，它有兩個引數。它們如下

• 訊息 − 要傳送的訊息
• targetOrigin − 來源名稱

讓我們來看一個從 iframe 傳送訊息到按鈕的示例

var iframe = document.querySelector('iframe');
var button = document.querySelector('button');

var clickHandler = function(){
   iframe.contentWindow.postMessage('The message to send.','https://tutorialspoint.tw);
}
button.addEventListener('click',clickHandler,false);

Nancy Den

更新於： 2020 年 1 月 29 日

168 次瀏覽

啟動您的職業生涯

完成該課程後獲得證書

開始