js的cookie類,js操作cookie

本文目錄一覽:

js 如何讀取cookie?

1、獲取所有cookie

function getCookies() { 

    var showAllCookie = ”;

    if(!document.cookie == ”){ 

        var arrCookie = document.cookie.split(‘; ‘); //用spilt(‘; ‘)切割所有cookie保存在數組arrCookie中 

        var arrLength = arrCookie.length; 

        for(var i=0; iarrLength; i++) { 

        showAllCookie += ‘c_name:’ + unescape(arrCookie[i].split(‘=’)[0]) + ‘c_value:’ + unescape(arrCookie[i].split(‘=’)[1]) + ‘br’ 9 

    } 

    return showAllCookie; 

    } 

}

2、通過名稱讀取cookie

function getCookie(name) 

    var arr,reg=new RegExp(“(^| )”+name+”=([^;]*)(;|$)”);

    if(arr=document.cookie.match(reg))

        return unescape(arr[2]); 

    else 

        return null; 

}

js中獲取cookie的值是什麼類型

cookie是一個對象,類似於java裏面的map,有着key和value的值。你通過document.cookie=”name=”+username;來設置cookie。

js中如何獲取Cookies的值

首先JS設置cookie:

假設在A頁面中要保存變量username的值(“jack”)到cookie中,key值為name,則相應的JS代碼為:

document.cookie=”name=”+username;

JS讀取cookie:

var username=document.cookie.split(“;”)[0].split(“=”)[1];

function setCookie(name,value)

{

var Days = 30;

var exp = new Date();

exp.setTime(exp.getTime() + Days*24*60*60*1000);

document.cookie = name +”=”+ escape (value) +”;expires=” + exp.toGMTString();

}

讀取cookies

function getCookie(name)

{

var arr,reg=new RegExp(“(^| )”+name+”=([^;]*)(;|$)”);

if(arr=document.cookie.match(reg))

return unescape(arr[2]);

else

return null;

}

擴展資料

服務器可以利用Cookies包含信息的任意性來篩選並經常性維護這些信息,以判斷在HTTP傳輸中的狀態。Cookies最典型的應用是判定註冊用戶是否已經登錄網站,用戶可能會得到提示,是否在下一次進入此網站時保留用戶信息以便簡化登錄手續,這些都是Cookies的功用。

另一個重要應用場合是「購物車」之類處理。用戶可能會在一段時間內在同一家網站的不同頁面中選擇不同的商品,這些信息都會寫入Cookies,以便在最後付款時提取信息。

如何用js來操作cookie呢?

js操作COOKIE,直接給document加上cookie就可以了,但是一般如果單個的加會很麻煩所以一般會直接寫好一個函數,可以直接操作cookie,這樣就很方便了

setCookie這個是寫入cookie,第一個是名稱,第二個是cookie值,第三個是過期時間

getCookie這個是查找cookie;

removeCookie這是你需要刪除的cookie;

function setCookie(name, value, iDay) 

{

var oDate=new Date();

oDate.setDate(oDate.getDate()+iDay);

document.cookie=name+’=’+encodeURIComponent(value)+’;expires=’+oDate;

}

function getCookie(name)

{

var arr=document.cookie.split(‘; ‘);

var i=0;

for(i=0;iarr.length;i++)

{

//arr2-[‘username’, ‘abc’]

var arr2=arr[i].split(‘=’);

if(arr2[0]==name)

{

var getC = decodeURIComponent(arr2[1]);

return getC;

}

}

return ”;

}

function removeCookie(name)

{

setCookie(name, ‘1’, -1);

}

js操作cookie

//網頁引用

script language=”javascript”src=”./js/cookie.js”/script

//取cookie值

var hrckdeptcode = Cookie(“hrckdeptcode”);

var hrckdeptname = Cookie(“hrckdeptname”);

//保存cookie值

setCookie(“hrckdeptcode”, deptcode, expdate, “/”, null, false);

setCookie(“hrckdeptname”, deptname, expdate, “/”, null, false);

把下面的腳本放到 cookie.js 文件里

var expdate= new Date();

function getCookieVal (offset) {

var endstr = document.cookie.indexOf (“;”, offset);

if (endstr == -1) endstr = document.cookie.length;

return unescape(document.cookie.substring(offset, endstr));

}

function Cookie (name) {

var arg = name + “=”;

var alen = arg.length;

var clen = document.cookie.length;

var i = 0;

while (i clen) {

var j = i + alen;

if (document.cookie.substring(i, j) == arg) return getCookieVal (j);

i = document.cookie.indexOf(” “, i) + 1;

if (i == 0) break;

}

return null;

}

function setCookie (name,value,expires,path,domain,secure) {

expdate.setTime(expdate.getTime() + (24*60*60*1000*365));

document.cookie = name + “=” + escape (value) +

((expires) ? “; expires=” + expires.toGMTString() : “”) +

((path) ? “; path=” + path : “”) +

((domain) ? “; domain=” + domain : “”) +

((secure) ? “; secure” : “”);

}

function deleteCookie(name) {

expdate = new Date();

expdate.setTime(expdate.getTime() – (86400 * 1000 * 1));

setCookie(name, “”, expdate);

}

原創文章,作者:MTUHY,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/318050.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
MTUHY的頭像MTUHY
上一篇 2025-01-11 16:28
下一篇 2025-01-11 16:28

相關推薦

  • JS Proxy(array)用法介紹

    JS Proxy(array)可以說是ES6中非常重要的一個特性,它可以代理一個數組,監聽數據變化並進行攔截、處理。在實際開發中,使用Proxy(array)可以方便地實現數據的監…

    編程 2025-04-29
  • Python棧操作用法介紹

    如果你是一位Python開發工程師,那麼你必須掌握Python中的棧操作。在Python中,棧是一個容器,提供後進先出(LIFO)的原則。這篇文章將通過多個方面詳細地闡述Pytho…

    編程 2025-04-29
  • Python操作數組

    本文將從多個方面詳細介紹如何使用Python操作5個數組成的列表。 一、數組的定義 數組是一種用於存儲相同類型數據的數據結構。Python中的數組是通過列表來實現的,列表中可以存放…

    編程 2025-04-29
  • Python操作MySQL

    本文將從以下幾個方面對Python操作MySQL進行詳細闡述: 一、連接MySQL數據庫 在使用Python操作MySQL之前,我們需要先連接MySQL數據庫。在Python中,我…

    編程 2025-04-29
  • Python代碼實現迴文數最少操作次數

    本文將介紹如何使用Python解決一道經典的迴文數問題:給定一個數n,按照一定規則對它進行若干次操作,使得n成為迴文數,求最少的操作次數。 一、問題分析 首先,我們需要了解迴文數的…

    編程 2025-04-29
  • Python磁盤操作全方位解析

    本篇文章將從多個方面對Python磁盤操作進行詳細闡述,包括文件讀寫、文件夾創建、刪除、文件搜索與遍歷、文件重命名、移動、複製、文件權限修改等常用操作。 一、文件讀寫操作 文件讀寫…

    編程 2025-04-29
  • 解析js base64並轉成unit

    本文將從多個方面詳細介紹js中如何解析base64編碼並轉成unit格式。 一、base64編碼解析 在JavaScript中解析base64編碼可以使用atob()函數,它會將b…

    編程 2025-04-29
  • Python元祖操作用法介紹

    本文將從多個方面對Python元祖的操作進行詳細闡述。包括:元祖定義及初始化、元祖遍歷、元祖切片、元祖合併及比較、元祖解包等內容。 一、元祖定義及初始化 元祖在Python中屬於序…

    編程 2025-04-29
  • Python列表的讀寫操作

    本文將針對Python列表的讀取與寫入操作進行詳細的闡述,包括列表的基本操作、列表的增刪改查、列表切片、列表排序、列表反轉、列表拼接、列表複製等操作。 一、列表的基本操作 列表是P…

    編程 2025-04-29
  • Node.js使用Body-Parser處理HTTP POST請求時,特殊字符無法返回的解決方法

    本文將解決Node.js使用Body-Parser處理HTTP POST請求時,特殊字符無法返回的問題。同時,給出一些相關示例代碼,以幫助讀者更好的理解並處理這個問題。 一、問題解…

    編程 2025-04-29

發表回復

登錄後才能評論