如何在没有 iframe 的页面中加载页面

Question

我想在另一个页面中加载我网站的一个页面，但是有一些问题。 首先我不能使用iframe，因为我需要在加载的内容中更改一些styles和脚本。 其次，我不希望为父页面加载 styles 和加载内容的脚本，就像 iframe 是 styles 和脚本一样，不要影响父页面。

我使用 XMLHttpRequest 获取页面内容并使用XMLHttpRequest将其加载到 DOM，但我想要加载的 styles 和仅用于此 DOM 的脚本。 有没有办法做到这一点？

Answer 1

最好的方法是将 css 用于仅限于该命名空间的包含内容。

 #sub-page h1 { font-size: 16px; }

 <div id="main-page"> <h1>big text</h1> The text below would be loaded by ajax. <div id="sub-page"> <h1>not big text</h1> <h2 style="font-size: 16px">Also not-big text</h2> </div> </div>