如何使用Javascript PostMessage使用不同協議將iframe外部的元素定位

Question

我在iframe中有一個按鈕，但我希望它觸發單擊后在iframe外部找到的另一個按鈕。

這是我一直在嘗試的一段代碼。

HTML

<body>
 <iframe id="layer-frame" src="https://somepage.com">
  <a href="https://page2.com" target="_blank" id="js-gopage2" class="js-iframepostmsg" alt="CLICK HERE TO Edit your profile">Edit your profile</a>
 </iframe>
 <div>
  <a class="close" href="#">Close<span></span></a>
 </div>
</body>

在父html中

window.addEventListener("message", receiveMessage, false);

function receiveMessage(event)
{
 if(event.data == "click!") {
  $('a.close').trigger('click');
 }
}

在iframe中

var targetOrigin = window.location.host;
top.window.postMessage("click!", targetOrigin);

Answer 1

targetOrigin = window.location.host將為您提供從中發布頁面的主機名，但：

targetOrigin
指定要分派事件的otherWindow的原點

和

otherWindow的文件的方案，主機名或端口不匹配所提供targetOrigin

因此您需要提供一個完整的來源（例如http://example.com:234 ），而不僅僅是主機名。

如果您不在乎允許讀取哪個來源，請使用"*" 。

如何使用Javascript PostMessage使用不同協議將iframe外部的元素定位

問題描述

1 個解決方案

解決方案1
0 已采納 2014-09-16 10:45:07

如何使用Javascript PostMessage使用不同協議將iframe外部的元素定位

問題描述

1 個解決方案

解決方案1 0 已采納 2014-09-16 10:45:07

解決方案1
0 已采納 2014-09-16 10:45:07