新手指南js cookie操作(讀取、刪除、設置、過期)-js教程-網頁制作

香港交友討論區HkEasyChat

 找回密碼
 新會員註冊
..
喜歡本頁?立即SHARE


香港交友討論區HkEasyChat»論壇forum Hkeasychat電腦網絡 Blog/網頁設計程式區 js cookie操作(讀取、刪除、設置、過期)-js教程-網頁制 ...
您正在討論區的: js cookie操作(讀取、刪除、設置、過期)-js教程-網頁制 ...
查看: 109|回復: 0
收起左側

js cookie操作(讀取、刪除、設置、過期)-js教程-網頁制作

[複製鏈接]

簽到天數: 2 天

連續簽到: 1 天

[LV.1]初來乍到

評論頭像

js cookie操作方法主要是對cookie值的設置,讀取,過期設置與刪除操作,下面小編來給大家總結一些常用的js cookie操作應用實例吧,希望對各位同深地有所幫助。
今天我們來寫如何用js來設置cookie、讀取cookie、刪除cookie。本文代碼來自網絡,並附上網頁常見的使用cookie換膚案例供學習。
設置cookie
代碼如下復制代碼
function setCookie(name, value,days) {
//三個參數,一個是cookie的名子,一個是值,最後一個是天數
var exp = new Date(); //new Date("December 31, 9998");
exp.setTime(exp.getTime() + days * 24 * 60 * 60 * 1000);
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
}讀取cookie
function getCookie(name) {
//取cookies函數
var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
if (arr != null)
return unescape(arr[2]);
return null;
}
刪除cookie
代碼如下復制代碼
function delCookie(name){
//刪除cookie並重新演示
// 該函數檢查下cookie是否設置,如果設置了則將過期時間調到過去的時間;
//剩下就交給操作系統適當時間清理cookie啦
if (getCookie(name))
{
document.cookie = name + "=" + "; expires=Thu, 01-Jan-70 00:00:01 GMT";
}
}
讀取cookie

代碼如下復制代碼




js讀取cookie測試




<div class="personality">



使用cookie換膚

除了添加上面的代碼外,下面的這個是換膚系統的關鍵代碼
代碼如下復制代碼
var themes = {
'gray' : 'tpl/gray.css',
'black' : 'tpl/black.css',
'bootstrap' : 'tpl/bootstrap.css',
'default' : 'tpl/default.css',
'metro' : 'tpl/metro.css'
};
var skins = $('.li-skinitem span').click(function() {
var $this = $(this);
if($this.hasClass('cs-skin-on')) return;
skins.removeClass('cs-skin-on');
$this.addClass('cs-skin-on');
var skin = $this.attr('rel');
$('#swicth-style').attr('href', themes[skin]);
setCookie('cs-skin', skin);
skin == 'dark-hive' ? $('.cs-north-logo').css('color', '#FFFFFF') : $('.cs-north-logo').css('color', '#000000');
});
if(getCookie('cs-skin')) {
var skin = getCookie('cs-skin');
$('#swicth-style').attr('href', themes[skin]);
$this = $('.li-skinitem span[rel='+skin+']');
$this.addClass('cs-skin-on');
skin == 'dark-hive' ? $('.cs-north-logo').css('color', '#FFFFFF') : $('.cs-north-logo').css('color', '#000000');
}
我把前端工具箱改了一下,支持換膚了。不過皮膚的細節css還需要完善。
前端開發工具
2013-8-21更新
在網上找到一段說是更簡單的代碼,先貼上來,有時間再研究
代碼如下復制代碼

[/td] [/tr]        [/table]





系統自動相關推薦tag:forum,交友,alexa



上一篇︰JS手機觸摸屏的事件用法詳解-js教程-網頁制作
下一篇︰js中offsetLeft,offsetTop,offsetParent詳解-js教程-網頁制作
+10
如您覺得" js cookie操作(讀取、刪除、設置、過期)-js教程-網頁制作 "很膠,請share出去
您正在回覆: js cookie操作(讀取、刪除、設置、過期)-js教程-網頁制作
您需要登錄後才可以回帖 登錄 | 新會員註冊

本版積分規則

回post預設係匿名,如唔想匿名回post請會員自己勾走

閱讀版|閱讀版大量|純文字網頁|香港交友討論區

Copyright © 香港交友討論區HKEASYCHAT Co. All Rights Reserved
香港廣告銷售No.1

手機版|論壇聯絡
HK ADVERTISEMENT 2015 GOLDEN REWARDS

GMT+8, 22-5-2018 04:48 AM

快速回復 返回頂部 返回列表
保持討論區活躍高登錄一齊討論啦~ hkeasychat