ajax读取CSS

html-css034

ajax读取CSS,第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操作。希望对你有帮助。

向head里面添加新的link 元素

var a =document.createElement('link')

a.tyle='text/css'

a.rel='stylesheet'

document.head.appendChild(a)

返回的html里面应该是id或者class选择器吧?

然后你可以在你的页面里面(jsp/html)中针对相应的id或class写全局style啊!

我是这么做的。