javascript 改变网页加载的CSS
投稿：mdxy-dxy
javascript 改变网页加载的CSS主要通过动态响应select触发的选项变化控制link标签加载的css,以实现不依赖cookie控制的页面css样式动态加载功能,需要的朋友可以参考一下
这个是没有种cookie的，记录给自已。
复制代码 代码如下:
<link href="001.css" id="cssfile" rel="stylesheet" type="text/css" />
<script>
function changeStyle(name){
//alert(name);
var css = document.getElementById("cssfile");
css.href = name+".css";
}
</script>
复制代码 代码如下:
<select onchange="changeStyle(this.options[this.selectedIndex].value)">
<option value="001" selected="selected">默认样式</option>
<option value="blue">蓝色经典</option>
<option value="red">红色梦幻</option>
</select>
<div id="cssTest">
我是一只小小小小小鸟！
</div>
看一下效果
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]