當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

js换肤

發(fā)布時(shí)間：2025/3/20 编程问答 28 豆豆

生活随笔收集整理的這篇文章主要介紹了 js换肤小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

代碼 <!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>無標(biāo)題文檔</title>
<link?rel="stylesheet"?id="color"??type="text/css"?href="Color.css"?/>
<script?type="text/javascript">
function?getObject(elementId){
????if(document.getElementById(elementId)){
????????return?document.getElementById(elementId);
????}else?if(document.all){
????????return?document.all[elementId];
????}else?if(document.layers){//NetSpace
????????return?document.layers[elementId];????
????}
}

function?changeStyle(id){//切換樣式
????var?stylesheet=getObject("color").href="Color"+id+".css";
????document.cookie="stylesheet="+escape(stylesheet);//寫入Cookie
????//alert(document.cookie);
????//alert(stylesheet);
}

function?initStyle(){
????if(/stylesheet=([^;]+)/.test(document.cookie)){//判斷是否存在cookie
????????getObject("color").href=unescape(RegExp.$1);
????}
????//alert(/stylesheet=[^;]+/.test(document.cookie));
}

initStyle();
</script>
</head>
<body>
<a?onclick="changeStyle(1)"?href="#">樣式1</a>
<a?onclick="changeStyle(2)"?href="#">樣式2</a>
<div?id="h"?></div>
<div?id="c"></div>
<div?id="f"></div>
</body>
</html>

轉(zhuǎn)載于:https://www.cnblogs.com/jhxk/articles/1703691.html

總結(jié)

以上是生活随笔為你收集整理的js换肤的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

js
换肤