zoukankan      html  css  js  c++  java
  • 使用JS在运行中动态替换CSS样式表

    <!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>
        
    <title>无标题页</title>
        
    <link href="" type="text/css" rel="Stylesheet" />

        
    <script type="text/javascript">
            
    var $=function(id){return document.getElementById(id);}
            
    function SelectSkin()
            
    {
                
    if($("selSkin"))
                
    {
                    
    var skinname = $("selSkin").options[$("selSkin").selectedIndex].text;
                    
    var filename = "css/" + skinname + ".css";
                    
    var ctrlLink = document.getElementsByTagName("link")[0];
                    ctrlLink.setAttribute(
    "href", filename);
                }

            }
        </script>

    </head>
    <body>
        
    <form id="form1" runat="server">
        
    <div id="divbody">
            
    <div id="main">
                
    <div id="used">
                    
    <span>Skin选择</span>
                    
    <select onchange="SelectSkin()" id="selSkin">
                        
    <option>Red</option>
                        
    <option>Blue</option>
                    
    </select>

                
    </div>
            
    </div>

        
    </div>
        
    </form>
    </body>
    </html>
  • 相关阅读:
    EasyUI中页面必须刷新才显示tree组件最新数据的BUG解决方案
    tp2.2.2新特点
    easyui添加自定义验证规则
    TP第一天路由解析
    负载均衡和冗余技术
    smarty缓存控制
    smarty中section遍历数组
    鬼谷子绝学
    Python的Django框架中的URL配置与松耦合
    Python的Django框架中的URL配置与松耦合
  • 原文地址:https://www.cnblogs.com/sxlfybb/p/1226370.html
Copyright © 2011-2022 走看看