JS来回切换路径

来源：互联网发布：分销商城系统源码下载编辑：程序博客网时间：2024/05/16 18:08
<!DOCTYPE html><head>    <meta charset= "UTF-8" >    <title>JS来回切换效果</title>    <link rel="stylesheet" href="css/css1.css" type="text/css" id="skin"></head><body><input id="inp1" type="button" value="切换皮肤"><script>    //JS实现    var btn = document.getElementById("inp1");    var skinCss = document.getElementById("skin");    var flag = false;    btn.onclick = function(){        if(flag){//第一步：一开始直接false,这样就执行else代码            skinCss.href = "css/css1.css";            flag = false;//第三步：改写变量值为false,当又再次点击按钮时，会回到第一步，也就是先执行else代码        }else{            skinCss.href = "css/css2.css";            flag = true;//第二步：else改写变量值为true,当再次点击按钮时，会先执行if        }    }    //之前的错误代码如下，但是不知道为什么错了//    btn.onclick = function(){//思考的是：通过判断href的路径是多少，然后改变其路径//        if(skinCss.href == "css/css1.css"){//路径为css1时，则改变路劲为css2;//            skinCss.href = "css/css2.css";//        }else{//            skinCss.href = "css/css1.css";//如果路径不为css1,则改路径为css1;//        }//    }</script></body>
0 0