将外部页面加载到DIV中，并将外部页面样式表的效果限制为该DIV

Question

我们假设您有一个包含两个主要部分的页面：

<div id='section_1'>[various content]</div>
<div id='section_2'></div> <!-- an external site will be loaded into this div -->

通过使用section_1中的表单，用户可以将某个其他网站的内容加载到第2部分（即，用户输入外部网址，点击“提交”按钮，内容已加载）。当用户请求将外部站点加载到section_2时，进行ajax调用，在服务器端下载外部站点的代码，并将外部站点的代码发送到目标div（即section_2） 。外部站点的代码将包括脚本，CSS等。

有没有办法将外部网站的CSS样式表的效果限制在section_2，并防止这些样式表对section_1和页面的任何其他部分产生任何影响？

Answer 1

如何使用object标签显示外部页面。

<object type="text/html" data="your_url_here" >
    </object>