2014-04-10 50 views
3

例如,這有效嗎?`id`屬性在iframe中需要是唯一的嗎?

<!doctype html> 
<html> 

    <head> 
    <title>Some Iframes</title> 
    </head> 

    <body> 
    <iframe id="frame1" src="/html/test-frame.html"></iframe> 
    <iframe id="frame2" src="/html/test-frame.html"></iframe> 
    </body> 

</html> 

所在的文件test-frame.html具有內容:

<!doctype html> 
<html> 

    <head> 
    <title>Test Iframe</title> 
    </head> 

    <body> 
    <button id="subscribe">Subscribe</button> 
    </body> 

</html> 

我希望能夠使用相同的HTML和腳本相同的一組I幀。

+0

你確實在iframe元素中有內容嗎?它會被所有支持幀的瀏覽器忽略,這意味着所有的瀏覽器,除非特別配置爲假裝它們不會執行幀。你的意思是'iframe'元素具有'src'屬性是指包含相同元素的文檔? –

+0

是的。我更新了這個例子,以減少人爲操作。 – Mack

回答

2

這是可以接受的和有效的。由於每個頁面都是獨立的,因此具有自己的獨立命名空間和DOM,因此跨iframe使用相同的ID沒有任何壞處,只要它在每個iframe文檔中只出現一次即可。

+0

該文件在http://validator.w3.org驗證(這很奇怪,誠然)。 –

+0

我的錯誤。事實證明,這些按鈕被簡單地視爲不支持iframe的用戶代理的後備內容。 – BoltClock

+0

這個例子很有意思。我將對它進行編輯,以實際從源代碼中提取iframe,這就是我正在實施的方式。 – Mack

2

每個頁面裏面的的一個iframe是完全自包含和獨特的。

您可以擁有一個頁面和4個iframe,每個iframe可以有一個名爲"#the-element"的元素。
當然,你在那裏的代碼是無效的,但如果每個代碼都加載了它自己的單獨的HTML,那將是完全可以接受的。

相關問題