把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)
在页面内用JS操作CSS除非用AJAX，但操作页面内的样式的话，是可以的。操作样式分为改变直接样式，改变className和改变cssText三种一、局部改变样式
调用方法：
改变className
<div
id="demo">测试</div>
<script>
document.getElementById('demo').className="test"
</script>
改变直接样式
<div
id="demo">测试</div>
<script>
document.getElementById('obj').style.backgroundColor="#003366"
</script>
二、全局改变样式
可以通过改变外链样式的的href的值实现网页样式的实时切换
<link
rel
=
"stylesheet"
type="text/css"
id="css"
href="firefox.css"
/>
<span
on
click="javascript:document.getElementById('css').href
=
'ie.css'">点我改变样式</span>
