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

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

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

　　封裝設置cookie：

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

獲取cookie值

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

刪除cookie

function removeCookie(name) {
    setCookie("jack","1234",-1);  //再次調用setCookie,關鍵是把過期時間設置為負值
}

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