現在很多站長們都喜歡使用 JQ 插件 jquery.cookie.js 來對 cookie 進行創建,讀取和刪除的操作,因為它簡單方便,一行代碼就可以搞定。但如果我們使用原生的 JS 代碼該如何去寫的呢?

国产视频app下面就寫一下關于原生 JS 來操作 cookie 的方法示例。

原生js新建cookie的方法

js示例代碼:

<script>
// 輸入參數:cookie 名稱,cookie 的值,time 有效果時間,單位為秒    
function setCookie(name, value, time) { 
    var strsec = time * 1000; 
    var exp = new Date(); 
    exp.setTime(exp.getTime() + strsec * 1); 
    document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path=/"; 
}
</script>

原生js讀取cookie的方法

js示例代碼:

<script>
// 輸入參數:name cookie名稱
function getCookie(name) { 
    var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); 
    if (arr = document.cookie.match(reg)) { 
        return unescape(arr[2]); 
    } else { 
        return null; 
    } 
}
</script>

原生js刪除cookie的方法

js示例代碼:

<script>
// 輸入參數:name cookie名稱
function delCookie(name) {
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval = getCookie(name);
    if (cval != null){
        document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
    }    
}
</script>