2011-04-26 130 views
5

有沒有辦法獲得一個頁面的內容,例如http://google.com,並將其插入到當前文檔中,但以iframe的方式插入,我的意思是......帶有樣式,腳本和頁面的所有內容?是否可以模擬iframe?

而做出這樣的風格和腳本不影響當前文檔:)

+2

你不想使用iframe,因爲。 。? – nickf 2011-04-26 09:50:14

+0

因爲http://stackoverflow.com/questions/5788499/jquery-iframe-load-event :( – Alex 2011-04-26 09:52:44

+0

如果腳本和樣式是建立在頁面是的,你可以,如果它的外部,它會很難,我認爲 – Marwan 2011-04-26 10:45:02

回答

6

不,不是真的:你可以通過各種AJAX-Y技術頁面的內容,但是當你將它們插入到你的頁面,他們將始終將你的頁面的CSS應用到他們。你可以爲「not-iframe」元素做一些「CSS重置」,但這會很麻煩。基本上,如果你想要框架提供的分離,你需要使用框架/ iframe(不幸的是,這適用於所有的內容,所以CSS將被分開,但也包括JS,與所有相關的跨域布魯哈) 。

4

絕對如此。您可以使用對象元素,像這樣:

<!DOCTYPE html> 
<html> 
    <body> 
     <object data="http://www.google.com" type="text/html"></object> 
    <body> 
</html> 

(與IE8,Chrome瀏覽器10,FF 4,並在Win XP的Safari瀏覽器的5部作品)

相關問題