Question

ajax读取CSS

如果a.htm页面上有样式，然后在b.htm上面用AJAX进行读取，这样好像在IE下无法使a.htm里面的样式生效，在火狐下可以生效。
请问有没有办法这种情况下在IE下让样式生效，除了把样式直接写在b.htm上

Answer 1

ajax加载CSS文件我就这么干，可以解决ajax加载包含CSS的网页的问题。
把a.html的CSS写在文件外面，独立出一个单独的CSS文件。然后写个函数比如
function test（）｛
var aa=document.getElementsByTagName('HEAD').item(0);
var nn=document.createElement("style");
nn.src="你的CSS文件地址";
nn.type="text/css";
aa.appendChild(nn);
｝
上面就是示例代码，能把外面的CSS文件加进来并马上执行，当然你可以做下调整按照你的需要，主要就是加入那段DOM操作。希望对你有帮助。

Answer 2

ajax读取css是通过调用js方法来实现的。
比如有如下js方法：
function test()｛
var aa=document.getElementsByTagName('HEAD').item(0);
var nn=document.createElement("style");
nn.src="CSS文件地址";
nn.type="text/css";
aa.appendChild(nn);
｝
在ajax中就可以这么调用：
//Ajax调用处理
$.ajax({
type: "POST",
url: "test.php",
data: "name=garfield&age=18",
success: function(data){
// 这里调用test：
test();
$("#myDiv").html('<h2>'+data+'</h2>');
}
});

Answer 3

把样式整合到一个CSS文件里，在引用进去，应该就不会出现样式无效了吧