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 是我项目的另一个模块的一种接口，它有自己的 CSS 文件。有什么很棒的知识或技巧可以防止该 css 文件出现在我的主页上吗？PHP 解决方案也是可以接受的。

Answer 1

您可以使用iframes（W3C 参考，MDN 参考）。要使用 JavaScript 加载特定页面iframe，请使用类似 HTML 的内容：

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

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

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

Answer 2

取而代之的是，您可以像这样使用 jQuery.load：

$('#box').load('subpage.html #the_id_of_something');

此示例将在您的页面上加载#the_id_of_somethingfrom subpage.htmlinto的内容。#box