Php 使用JQuery Ajax防止Ajax CSS破坏主CSS

Php 使用JQuery Ajax防止Ajax CSS破坏主CSS,php,jquery,css,ajax,Php,Jquery,Css,Ajax,我正在开发一个web页面,该页面调用另一个具有强大jQueryAjax功能的页面。我的问题是:ajax页面中有一个css文件。被调用的页面需要它,但我不想在我的主页中看到子页面的css样式 以下是我如何调用子页面的摘要: <script> $.ajax({ type: "GET", url: "subpage.html", success: function(msg){ $('#box').html(msg); } }); </script

我正在开发一个web页面,该页面调用另一个具有强大jQueryAjax功能的页面。我的问题是:ajax页面中有一个css文件。被调用的页面需要它,但我不想在我的主页中看到子页面的css样式

以下是我如何调用子页面的摘要:

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

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

$.ajax({
键入:“获取”,
url:“subpage.html”,
成功:功能(msg){
$('#box').html(msg);
}
});

因此,subpage.html是我的项目的另一个模块的一种接口,它有自己的CSS文件。有什么好的知识或技巧可以阻止css文件进入我的主页吗?PHP解决方案也是可以接受的

您可以使用
iframe
s(,)。要使用JavaScript在
iframe
中加载特定页面,请使用如下HTML:

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

与此相反,您可以使用jQuery.load,如下所示:

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

本例将从
subpage.html
#某物的
id#的内容加载到页面上的
#框
中。

很肯定这不是OP想要的。重点是他想要从
subpage.html
加载各种元素,但是如果
子页面.html
中定义的CSS不影响页面的其余部分,他就不能使用
html
作为选择器,那么他就不会在
头中定义CSS了
?嗯,没错,我已经处理了调用问题。我的子页面需要它的css,所以我不能否认它。我不知道为什么,但是人们不喜欢在有ajax的情况下使用iframe,我想这就是为什么我在这篇文章中看到负面标记。无论如何,我谢天谢地接受了这个解决方案。如果你的头衔更能说明你在寻找什么,对整个社区都会有帮助;在我看来,您正在寻找一种解决方案,同时保留ajax负载,但您接受的答案看起来几乎可以完全取代ajax负载。也许您的标题应该是“在主文档的子页面中加载ajax之外的另一种方式”。。事实上,我最初并不是在寻找替代品,而是通过一些jquery.contents()技巧,我能够处理这个问题,如果有其他方法可以用ajax来解决这个问题,我会非常感激,并接受这个答案,但不接受这个答案。这就是为什么我至少要检查这个页面一周的原因。=)
$('#box').load('subpage.html #the_id_of_something');