方法二：

Javascript

在方法一的基础上，可以用

Javascript 的 DOM 方法访问 link 对象，再将不需要的 CSS

“

设为 禁用（

disabled ”

） ，剩下的

CSS 就会被浏览器用来渲染页面。脚本如下，请注意其

中的注释：

<script type="text/javascript">function setStyle(title) {//预定义变 var 
i, links;//用 DOM 方法获得所有的 link 元素 links = 
document.getElementsByTagName("link");for(i=0; links[i]; i++) {
//判断此 link 元素的 rel 属性中是否有 style 关键字//即此 link 元素是否为样式
表

link//同时判断此 link 元素是否含有 title 属性

if(links[i].getAttribute("rel").www.hcwtj.com.cn indexOf("style") != 
-1&& links[i].getAttribute("title")) {
//先不管三七二十一把它设为 disabled
links[i].disabled = true;
//再判断它的 title 中是否有我们指定的关键字
if(links[i].getAttribute("title").indexOf(title) != -1)
//如果有则将其激活
links[i].disabled = false;
}
}
}
</script>

然后在合适的地方调用这个函数，以本页为例，添加如下两个按钮：

<input type="button" value="清光" onclick="setStyle('清光');" />
<input type="button" value="冥焰" onclick="setStyle('冥焰');" />

使用

Javascript 的好处是方便、快捷、简单，缺点也是很明显的：很难做到全站的 CSS 切

换，只能局限在当前页上。为了记忆用户的选择，可行的方案就是采用

cookie。可是就算使

用

cookie，也需要在何时载入 CSS，用户没有 Javasciprt 支持怎么办等问题上多做好些

文章。