從iFrame訪問標籤到其父母

我已經看到了這個的一些示例帖子，但我似乎有點難倒爲什麼他們都沒有工作。從iFrame訪問標籤到其父母

這裏是什麼，我想實現一個堆棧視圖：

<html> 
    <head>...</head> 
    <body> 
    <div>Some stuff, images, text</div> 
    <div><audio id="audio"><source> src="me.mp3" /></audio></div> 
    <div>Some stuff, images, text</div> 
    <div> 
     <iframe src="file.html"> 
      #document 
      <html> 
       <head>...</head> 
       <body> 
        <div><button id="stopPlay">Stop Play</button></div> 
       </body> 
      </html> 
     </iframe> 
    </div> 
    <div>Some stuff, images, text</div>     

    </body> 
</html>

有人建議，要訪問音頻標籤，你會使用類似：

window.parent.document.getElementById('audio');

其中給出即使這兩個文件都在同一臺服務器上，我也是一個原始錯誤。所以我再次建議document.domain = "[email protected]"，並將其放在iframe和parent中。但仍然給我一個與DOM相關的錯誤。

當我正在尋找堆棧，然後搜索它以查找元素時，如何在其他建議爲其他人工作時執行此操作？

來源

2015-04-17 Andrew Walker

在我的最後工作得很好，這是你的確切代碼嗎？我從字面上複製粘貼到兩個文件，我能夠操縱iframe內的音頻標籤。我用localhost作爲域。 – Patrick

這是我得到的錯誤：> [錯誤]阻止了一個起源爲「null」的框架訪問一個起源爲「null」的框架。協議，域和端口必須匹配。 \t Playparent中的錯誤：TypeError：undefined不是一個對象（評估'window.parent.document.getElementById'） –

如果我添加'document.domain =「[email protected]」'我得到這個錯誤在playparent ：錯誤：SecurityError：DOM異常18 –

我能夠重現此錯誤的唯一方法是使用本地文件系統時，它似乎你試圖從本地文件系統訪問你的HTML文件。

file://c:/wamp/www/foo.htm - 這是我能找到的唯一方法來重現這一點，這是一個已知的鉻版本的bug。因爲沒有domain，所以起源是null

來源

2015-04-17 12:23:23 Patrick

好的，如果我將它添加到服務器，我應該得到不同的結果。我目前正在使用Safari。 –

是的，它應該完美地工作。我建議你在你的機器上安裝一些本地主機（wamp/xamp），這樣可以讓你更好的測試！另外，下次提及您正在從文件系統加載：P – Patrick

謝謝，我應該已經意識到這一點。再次感謝@Patrick –

從iFrame訪問標籤到其父母

回答

相關問題