2013-01-22 36 views
7

我只想將外部樣式表和js導入iframe的頭標記。可能嗎 ?如何將外部樣式表和javascript導入iframe

我在html已經嘗試率領一個自定義的jQuery函數`

$(this).contents().find('head').append('<link href="http://mywebsite.com/css/iframe.css?" rel="stylesheet" type="text/css" />')` 
+0

我懷疑當你包含你的樣式表時,iframe已經呈現,所以這是行不通的。你沒有權限訪問你包含在你的iframe中的頁面嗎? – drmonkeyninja

+0

@drmonkeyninja我無法訪問我正在調用的頁面,但需要做一些CSS更改,還包括自定義滾動條。 – matthewb

+0

我認爲這是不可能的,因爲安全原因。這樣你可以easaly更改匯款信息等.. – Gijs

回答

0

我不相信這是可能的,包括使用JavaScript的iframe中的樣式表的框架將樣式表前已經呈現加入。

您可以使用.find().css()更改iframe的DOM中元素的樣式。 (我做了一些類似的工作,爲一個帶有iFrame預覽窗格的網站構建一個主題生成器)。

如果iFrame的CSS來自別人的網站,那麼您應該謹慎,因爲他們可能隨時更改自己的CSS或標記,這可能會導致您試圖實現的功能。

2

iframe中的窗口對象是加載到iframe中的頁面的屬性。包含頁面操縱iframe的窗口對象的唯一方法是,如果包含頁面和iframe頁面的域相同。 (由於跨域限制政策)