JS使用cookie設置樣式的方法
本文實例講述了JS使用cookie設置樣式的方法。分享給大家供大家參考,具體如下:
var styleShow = ["blackgreen", "purple"]; var path = "/"; var StyleSwitch = { //設置樣式 setStyleSheet: function (StyleName) { var i, a, main; for (i = 0; (a = document.getElementsByTagName("link")[i]); i++) { if (a.getAttribute("rel").indexOf("Style") != -1 && a.getAttribute("title")) { a.disabled = true; if (a.getAttribute("title") == StyleName) { a.disabled = false; this.setCookie("Style", StyleName); } } } }, //獲取當前使用樣式 getStyleSheet: function () { var i, a; for (i = 0; (a = document.getElementsByTagName("link")[i]); i++) { if (a.getAttribute("rel").indexOf("Style") != -1 && a.getAttribute("title") && !a.disabled) { return a.getAttribute("title"); } } return null; }, //獲取默認樣式 getPreferredStyleSheet: function () { var i, a; for (i = 0; (a = document.getElementsByTagName("link")[i]); i++) { if (a.getAttribute("rel").indexOf("Style") != -1 && a.getAttribute("rel").indexOf("alt") == -1 && a.getAttribute("title") ) { return a.getAttribute("title"); } } return null; }, //獲取cookie getCookie: function (name) { var cookieName = encodeURIComponent(name) + "=", cookieStart = document.cookie.indexOf(cookieName), cookieValue = null; if (cookieStart > -1) { var cookieEnd = document.cookie.indexOf(";", cookieStart); if (cookieStart == -1) { alert(-2); cookieEnd = document.cookie.length; } cookieValue = decodeURIComponent(document.cookie.substring(cookieStart + cookieName.length, cookieEnd)); } for (var i = 0; i < styleShow.length; i++) { if (cookieValue == styleShow[i]) { alert(styleShow[i]); return styleShow[i]; } } return styleShow[0]; }, //生成cookie //name cookie名 //value 值 //expires 過期時間 //path 路徑 setCookie: function (name, value, expires, path, domain, secure) { var cookieText = encodeURIComponent(name) + "=" + encodeURIComponent(value) + ";"; if (expires instanceof Date) { cookieText += "expires=" + expires.toGMTString(); } if (path) { cookieText += ";path=" + path; } if (domain) { cookieText += ";domain=" + domain; } if (secure) { cookieText += ";secure"; } document.cookie = cookieText; }, //重置cookie unsetCookie: function (name, path, domain, secure) { this.set(name, "", new Date(0), path, domain, screen); } };
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript中json操作技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
js+html5實現(xiàn)canvas繪制鏤空字體文本的方法
這篇文章主要介紹了js+html5實現(xiàn)canvas繪制鏤空字體文本的方法,涉及html5文字效果的相關技巧,需要的朋友可以參考下2015-06-06淺談js使用in和hasOwnProperty獲取對象屬性的區(qū)別
下面小編就為大家?guī)硪黄獪\談js使用in和hasOwnProperty獲取對象屬性的區(qū)別。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-04-04JS Generator函數(shù)yield表達式示例詳解
這篇文章主要為大家介紹了JS Generator函數(shù)yield表達式示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-10-10Bootstrap編寫一個兼容主流瀏覽器的受眾巨幕式風格頁面
這篇文章主要介紹了Bootstrap編寫一個兼容IE8、谷歌等主流瀏覽器的受眾巨幕式風格頁面,感興趣的小伙伴們可以參考一下2016-07-07基于javascript代碼實現(xiàn)通過點擊圖片顯示原圖片
這篇文章主要介紹了基于javascript代碼實現(xiàn)通過點擊圖片顯示原圖片的相關資料,需要的朋友可以參考下2015-11-11