如何在頁面的iframe中控制頁面？

Question

我有一個運行Js代碼的iframe，我不想控制iframe DOM選項和css樣式。
我該怎麼做？如果您wan't使用jQuery，那好吧，但是我preffer純JavaScript ...

的事情，我想修改：
- FRAMEBORDER
- CSS樣式（浮動，顯示，位置，溢出）
- 沒有滾動條

編輯：代碼運行的內的iframe

感謝

Answer 1

我從你以前的問題中推斷，iframe中的文檔是而不是，它與外部頁面位於同一個域中。

在這種情況下，您的選擇非常有限，這也是因爲Same Origin Policy。您將無法使用Javascript訪問外部頁面的元素或CSS。這包括該頁面上的元素。

任何設計決策，你將因此不得不把內嵌到iframe標籤：

<iframe frameborder="0" style="float: left; width: 500px; height: 200px ...."> 

我認爲適用於你提到，除了滾動條的行爲的一切：那你可以iframe的文檔中使用的控制body元素的overflow屬性。

想到的唯一替代想法是嵌入iframe的網站還在文檔的head部分中包含來自您的域的樣式表。你當然會完全控制CSS。

如果您將該CSS中的設計規則限制爲iframe（例如，通過使用#id選擇器），那也可以。缺點是，如果樣式表沒有包含而不是，則iframe會中斷。這就是爲什麼大多數小部件提供者使用內聯CSS。