快捷導(dǎo)航

JS中對(duì)Cookie的操作詳解

更新時(shí)間：2016年08月05日 16:32:56 作者：hsd2012

這篇文章主要為大家詳細(xì)介紹了JS中對(duì)Cookie的具體操作，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

前言

cookie設(shè)置

參數(shù)說明：
name cookie 名稱，key值
value 可選，cookie 值
expire 可選，過期時(shí)間，時(shí)間戳格式
path 可選，服務(wù)器端有效路徑，/ 表示整個(gè)域名有效，默認(rèn)為當(dāng)前設(shè)置 cookie 時(shí)頁面的路徑
domain 可選，該 cookie 有效的域名
secure 可選。規(guī)定是否通過安全的 HTTPS 連接來傳輸 cookie。

代碼的封裝

(function(){
 var cookieObj={
   'add':function(name, value, hours){ //修改或是添加cookie
    var expire = "";
    if(hours != null){
     expire = new Date((new Date()).getTime() + hours * 3600000);
     expire = "; expires=" + expire.toGMTString();
    }    
    document.cookie = name + "=" + escape(value) + expire + ";path=/";
    //如果指定域名可以使用如下
    //document.cookie = name + "=" + escape(value) + expire + ";path=/;domain=findme.wang";
   },
   'get':function(c_name){//讀取cookie
    if (document.cookie.length>0){
      c_start=document.cookie.indexOf(c_name + "=")
      if (c_start!=-1){ 
      c_start=c_start + c_name.length+1 
      c_end=document.cookie.indexOf(";",c_start)
      if (c_end==-1){
       c_end=document.cookie.length
      }
      return unescape(document.cookie.substring(c_start,c_end))
      } 
      }
     return "";
   }
 };
 window.cookieObj=cookieObj;
}());

調(diào)用測(cè)試

cookieObj.add('myWeb','http://www.findme.wang');
console.log('myWeb:'+cookieObj.get('website'));

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

js
cookie

相關(guān)文章

javascript自動(dòng)改變文字大小和顏色的效果的小例子
這篇文章介紹了javascript自動(dòng)改變文字大小和顏色的效果的小例子，有需要的朋友可以參考一下
2013-08-08
js+canvas繪制圖形驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了js+canvas繪制圖形驗(yàn)證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-09-09
javascripit實(shí)現(xiàn)密碼強(qiáng)度檢測(cè)代碼分享
這篇文章主要介紹了javascripit實(shí)現(xiàn)密碼強(qiáng)度檢測(cè)，大家參考使用吧
2013-12-12
通過示例徹底搞懂js閉包
下面小編就為大家?guī)硪黄ㄟ^示例徹底搞懂js閉包。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-08-08
深入了解Hybrid App技術(shù)的相關(guān)知識(shí)
這篇文章主要介紹了深入了解Hybrid App技術(shù)的相關(guān)知識(shí)，Hybrid App（混合模式移動(dòng)應(yīng)用）是指介于web-app、native-app這兩者之間的app，兼具" Native App良好用戶交互體驗(yàn)的優(yōu)勢(shì) "和" Web App跨平臺(tái)開發(fā)的優(yōu)勢(shì) ",需要的朋友可以參考下
2019-07-07
如何使用JavaScript實(shí)現(xiàn)棧與隊(duì)列
這篇文章主要介紹了如何使用JavaScript實(shí)現(xiàn)棧與隊(duì)列。棧和隊(duì)列是web開發(fā)中最常用的兩種數(shù)據(jù)結(jié)構(gòu)。絕大多數(shù)用戶，甚至包括web開發(fā)人員，都不知道這個(gè)驚人的事實(shí)。,需要的朋友可以參考下
2019-06-06
微信小程序Echarts圖表組件使用方法詳解
這篇文章主要介紹了微信小程序Echarts圖表組件使用方法詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，
2019-06-06
微信小程序日期時(shí)間選擇器使用方法
這篇文章主要為大家詳細(xì)介紹了微信小程序日期時(shí)間選擇器的使用方法，自定義精確到分秒或時(shí)段，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-02-02
基于Bootstrap table組件實(shí)現(xiàn)多層表頭的實(shí)例代碼
Bootstrap table還有一個(gè)很多強(qiáng)大的功能，下面就通過本文給大家分享基于Bootstrap table組件實(shí)現(xiàn)多層表頭的實(shí)例代碼，需要的朋友參考下吧
2017-09-09
JavaScript實(shí)現(xiàn)頁面5秒后自動(dòng)跳轉(zhuǎn)的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)頁面5秒后自動(dòng)跳轉(zhuǎn)的方法,涉及javascript遞歸調(diào)用與計(jì)時(shí)函數(shù)setTimeout的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-04-04