快捷導(dǎo)航

javascript創(chuàng)建cookie、讀取cookie

更新時(shí)間：2016年03月31日 14:44:58 作者：走向愛

這篇文章主要介紹了javascript創(chuàng)建cookie、讀取cookie的操作方法，內(nèi)容簡單易學(xué)，感興趣的小伙伴們可以參考一下

本文內(nèi)容分為兩個(gè)部分進(jìn)行學(xué)習(xí)，分別介紹了javascript創(chuàng)建cookie、javascript讀取cookie的具體實(shí)現(xiàn)方法，供大家學(xué)習(xí)，具體內(nèi)容如下

一、創(chuàng)建Cookie

document.cookie = 'key=value';

有特殊字符使用encodeURIComponent() 進(jìn)行編碼

document.cookie = 'user='+encodeURIComponent('郭錢;');

讀取時(shí) 使用decodeURIComponent()

例如：　　

document.cookie = 'name=guoqian';
document.cookie = 'age=24';
document.cookie = 'address=hunan';
document.cookie = 'user='+encodeURIComponent('郭錢;');

自定義一個(gè)創(chuàng)建cookie方法

function SetCookie(name, value, expires, path, domain, secure) {
 var today = new Date();
 today.setTime(today.getTime());
 if(expires) { expires *= 86400000; }
 var expires_date = new Date(today.getTime() + (expires));
 document.cookie = name + "=" + escape(value)
  + (expires ? ";expires=" + expires_date.toGMTString() : "")
  + (path ? ";path=" + path : "")
  + (domain ? ";domain=" + domain : "")
  + (secure ? ";secure" : "");
}

二、獲取cookie

使用字符串方式

function getCookieByString(cookieName){
 var start = document.cookie.indexOf(cookieName+'=');
 if (start == -1) return false;
 start = start+cookieName.length+1;
 var end = document.cookie.indexOf(';', start);
 if (end == -1) end=document.cookie.length;
 return document.cookie.substring(start, end);
}

使用數(shù)組方式

function getCookieByArray(name){
 var cookies = document.cookie.split(';');
 var c;
 for(var i=0; i<cookies.length ; i++){
  c = cookies[i].split('=');
  if (c[0].replace(' ', '') == name) {
   return c[1];
  }
 }
}
var r = decodeURIComponent(getCookieByArray('user'));
alert(r);

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章:

相關(guān)文章

原生js寫的放大鏡效果
在淘寶上購物時(shí)，總會(huì)看到類似放大鏡的效果。以下為原生js寫的一個(gè)放大鏡效果，其中肯定有很多不足，請(qǐng)大牛們指正，謝啦
2012-08-08
JS async 函數(shù)的含義和用法實(shí)例總結(jié)
這篇文章主要介紹了JS async 函數(shù)的含義和用法,結(jié)合實(shí)例形式總結(jié)分析了JS async 函數(shù)的基本功能、含義、使用方法及操作注意事項(xiàng),需要的朋友可以參考下
2020-04-04
JS常見算法詳解
本文主要介紹了前端常見算法的JS實(shí)現(xiàn)，具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-02-02
javascript防抖函數(shù)debounce詳解
這篇文章主要介紹了javascript防抖函數(shù)debounce,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，,需要的朋友可以參考下
2019-06-06
Map與WeakMap類型在JavaScript中的使用詳解
這篇文章主要介紹了Map與WeakMap類型在JavaScript中的使用,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-11-11
小程序安全指南之如何禁止外部直接跳轉(zhuǎn)到小程序某頁面
由于小程序跳轉(zhuǎn)的對(duì)象比較多,各自的規(guī)則又不一樣,因此小程序跳轉(zhuǎn)外部鏈接是用戶咨詢較多的問題之一,下面這篇文章主要給大家介紹了關(guān)于小程序安全指南之如何禁止外部直接跳轉(zhuǎn)到小程序某頁面的相關(guān)資料,需要的朋友可以參考下
2022-09-09
JavaScript 手動(dòng)實(shí)現(xiàn)instanceof的方法
instanceof運(yùn)算符用于檢測(cè)構(gòu)造函數(shù)的prototype屬性是否出現(xiàn)在某個(gè)實(shí)例對(duì)象的原型鏈上，本文重點(diǎn)給大家介紹JavaScript手動(dòng)實(shí)現(xiàn)instanceof的問題，感興趣的朋友跟隨小編一起看看吧
2021-10-10
微信小程序開發(fā)注意指南和優(yōu)化實(shí)踐(小結(jié))
這篇文章主要介紹了微信小程序開發(fā)注意指南和優(yōu)化實(shí)踐，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2019-06-06
JavaScript canvas實(shí)現(xiàn)跟隨鼠標(biāo)移動(dòng)小球
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas實(shí)現(xiàn)跟隨鼠標(biāo)移動(dòng)小球，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-02-02
JS幻想讀取二進(jìn)制文件
如果說讓JavaScript讀取站點(diǎn)上一文本文件,那不過是個(gè)再簡單不了的事了；但若說要換成一個(gè)二進(jìn)制的文件，并且是完全靜態(tài)的讀取,那似乎有點(diǎn)天方夜譚了。
2009-04-04