今天写了个动态切换样式文件，感觉比我之前做的那个好多了哦。-优快云博客

本文介绍了一个简单的网页示例，通过JavaScript实现用户可以根据选择更改页面样式的功能。用户可以在红色、绿色和黄色三种主题中进行选择。

页面代码：

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
< title >无标题文档 </ title >
< link rel ="stylesheet" href ="red.css" id ="lf" /></ link >
</ head >
< script >
function abc(obj)
{
     var linkfile = document.getElementById( ' lf ' );
     var c = obj.selectedIndex;
     if (c == 1 ) linkfile.href = ' red.css ' ;
     else if (c == 2 ) linkfile.href = ' green.css ' ;
     else linkfile.href = ' yellow.css ' ;
}
</ script >
< body >
< div ></ div >
< select id ="selCss" onchange ="abc(this)" >
     < option value ="0" >请选择颜色 </ option >
     < option value ="1" >红色 </ option >
     < option value ="2" >绿色 </ option >
     < option value ="3" >黄色 </ option >
</ select >
</ body >
</ html >

转载于:https://www.cnblogs.com/Silvia/archive/2012/06/12/2546594.html