html5中如何封裝和添加與獲取刪除以及cookie

html5中如何封裝和添加與獲取刪除以及cookie？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

  cookie是儲存在用戶本地終端上的數(shù)據(jù)。
　　在我們登陸網(wǎng)站時有記錄密碼，也有時間限制比如說7天，5天等等這都是我們利用cookie來寫的，
　　這就是利用了cookie的會話周期，但cookie同時又是不安全的我們可以打開網(wǎng)頁看到用戶輸入的密碼，而且又是依賴于服務(wù)器環(huán)境的，
　　再寫cookie時還要設(shè)置儲存路徑，而我們獲取出來的值又是字符串，同時它又是非常小的，只有4kb,
　　下面我們來封裝一下coookie

　　封裝設(shè)置cookie：

　function setCookie(name,value,iDay) {  //傳值為名，值，過期時間    if(iDay){ //如果有過期時間的話則執(zhí)行這個條件
        var oDate=new Date(); //獲取當(dāng)且的事件戳
        oDate.setDate(oDate.getDate()+iDay); //設(shè)置過期事件
        document.cookie=name+"="+value+"; path=/; expires="+oDate;//設(shè)置cookie
    }else {//如果有過期時間的話則執(zhí)行這個條件 設(shè)置cookie
        document.cookie=name+"="+value+"; path=/"; //名，值以及根目錄
    }
}

獲取cookie值

function getCookie(name) {
    var arr1=document.cookie.split("; ");  獲取cookie值并且用”； “來進(jìn)行切割成數(shù)組
    for(var i=0;i<arr1.length;i++){  //循環(huán)本數(shù)組
        var arr2=arr1[i].split("="); //再次利用split（）方法進(jìn)行切割為二維數(shù)組
        if(arr2[0]==name){  //循環(huán)二維數(shù)組，當(dāng)?shù)谝粋€值為你所傳的值則返回本數(shù)組的第二個值
            return arr2[1];
        }
    }
    return " ";
}

刪除cookie

function removeCookie(name) {
    setCookie("jack","1234",-1);  //再次調(diào)用setCookie,關(guān)鍵是把過期時間設(shè)置為負(fù)值
}

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注億速云行業(yè)資訊頻道，感謝您對億速云的支持。