iframe和JavaScript在不同的頁面

Question

如果我有一個像index.php這樣的頁面，然後包含一個iframe，但是iframe缺少包含在index.php文件中的JavaScript; JavaScript是否會激活iframe上的JavaScript功能，還是需要它們在同一頁面上？

例子：

的index.php：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<script type="text/javascript" src="http://example.com/js/jquery.jplayer.min.js"></script> 

既包括下面的代碼，而iframe的需要他們，但沒有它列出的頁面上。

Answer 1

主頁面和iframe的JavaScript環境是分開的，但如果它們來自same origin，它們可以相互交談。

這意味着你有兩個選擇：

1. 在HTML兩個主面和iframe的腳本;這是最簡單的

2. 如果他們在相同的起源，主頁面可以使iframe的環境，這樣可用的功能（假設functionName在主要頁面的函數）：

   theIframe.contentWindow.functionName = functionName; 
   

   與iframe共享functionName（使其成爲iframe中的全局函數）。請注意，functionName仍處於主頁的環境中，因此，例如，在該函數的代碼中，document將引用主頁的文檔，而不是iframe的文檔。