php - 使用 JQuery Ajax 防止 Ajax CSS 破坏主 CSS

Question

我正在处理一个网页，该网页调用另一个具有出色 jquery ajax 功能的页面。我的问题是:ajax 页面中有一个 css 文件。被调用的页面需要它，但我不想在我的主页中看到子页面的 css 样式。

下面是我如何调用我的子页面的总结:

<script>
$.ajax({
type: "GET",
    url: "subpage.html",
    success: function(msg){
       $('#box').html(msg);
    }
});
</script>

<div id='box'>
</div>

因此，subpage.html 是我元素的另一个模块的一种接口(interface)，它有自己的 CSS 文件。有什么好的知识或技巧可以防止我的主页出现该 css 文件吗？ PHP 解决方案也是可以接受的。

Answer 1

您可以使用 iframe(W3C reference、MDN reference)。要使用 JavaScript 在 iframe 中加载特定页面，请使用类似这样的 HTML:

<iframe id = "iframeID" height = "300px" width = "300px"></iframe>

然后，当您要加载页面时:

document.getElementById("iframeID").src = "subpage.html";