is there a way to get the contents of a page, for example , and insert it in the current document, but in the way that the iframe does, I mean... with styles, scripts and everything that page has ?
And make so the styles and scripts don't affect the current document :)
is there a way to get the contents of a page, for example http://google., and insert it in the current document, but in the way that the iframe does, I mean... with styles, scripts and everything that page has ?
And make so the styles and scripts don't affect the current document :)
Share Improve this question edited Nov 18, 2015 at 13:43 james.garriss 13.4k7 gold badges86 silver badges100 bronze badges asked Apr 26, 2011 at 9:49 AlexAlex 66.1k185 gold badges459 silver badges651 bronze badges 3- 2 and you don't want to use an iframe because..? – nickf Commented Apr 26, 2011 at 9:50
- because stackoverflow./questions/5788499/jquery-iframe-load-event :( – Alex Commented Apr 26, 2011 at 9:52
- if scripts and styles is built in the page yes you can if its external it will be hard i think – Marwan Commented Apr 26, 2011 at 10:45
2 Answers
Reset to default 6No, not really: you can get the contents of a page through various AJAX-y techniques, but when you insert them into your page, they'll always have your page's CSS applied to them. You could make some sort of "CSS reset" for the "not-iframe" element, but this will be messy.
Essentially, if you want the separation provided by frames, you need to use frames/iframes (unfortunately, this applies to all content, so CSS will be separated, but also JS, with all the related cross-domain brouhaha).
Absolutely. You can use the object element, like so:
<!DOCTYPE html>
<html>
<body>
<object data="http://www.google." type="text/html"></object>
<body>
</html>
(Works with IE8, Chrome 10, FF 4, and Safari 5 on Win XP)