函數（）從iframe中取出？

Question

可能重複：
Is it possible to call Javascript function in parent document from JS in iframe?

我有一個main.php頁面。

這包含一個iframe，其中src是random.php。

如何在main.php中使用隨機函數random()並讓random.php使用該函數？

Answer 1

如果您正在使用HTML5的工作，你可以使用postMessage()功能..

這裏是一個很好的演示：

http://html5demos.com/postmessage

UPDATE

的想法是postMessage到的IFRAME window對象，每個窗口是聽消息事件像這樣：

在你main.php：

window.addEventListener("message", function(e){ 
    var data = e.data; // data can be any object for example { type: 'random', payload: {}... } 
    switch(data.type){ 
     case 'random': 
      // do somthing here with the payload... 
      break; 
    } 
}); 

在你的iframe（random.php） ：

window.parent.postMessage({ type: 'random', payload: {...} }); 

Answer 2

您可以使用window.parent.random()在包含iframe的頁面中調用功能random。如果您想做相反的操作，即從包含頁面調用（i）frame中的函數，則應該使用[DOM Reference to frame].contentWindow.random()代替。

↪More information about window.parent at the Mozilla Developer wiki

---

如果 random.php是在不同的領域，你不能這樣做，因爲 Same Origin Policy這一點。如果是這種情況，您可以使用HTML5 postMessage在頁面*之間傳輸信息。但是，這不允許您直接調用不同域的JavaScript的函數。

_{*對瀏覽器的支持信息，請參閱Can I use}