javascript 改变网页加载的CSS

259 阅读 0 评论 171 点赞

我是靠谱客的博主仁爱小笼包，最近开发中收集的这篇文章主要介绍javascript 改变网页加载的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需刷新才能执行]