javascript cookie的簡單應(yīng)用
更新時(shí)間：2016年02月24日 14:58:16 作者：CangoWu
這篇文章主要介紹了javascript cookie的簡單應(yīng)用，我們先介紹一下cookie的使用，以及我后面簡單封裝一個(gè)cookie操作的單例，便于實(shí)現(xiàn)cookie的設(shè)置，獲取，刪除的方法，感興趣的小伙伴們可以參考一下
在我平時(shí)開發(fā)網(wǎng)頁的過程中，可能涉及到瀏覽器本地的存儲(chǔ)，現(xiàn)在主流的瀏覽器存儲(chǔ)方式有：cookie，直接讀取xml，userData，H5 的LocalStorage等，Cookie存儲(chǔ)數(shù)據(jù)有限，但對(duì)于數(shù)據(jù)量不大的時(shí)候操作還是比較方便的。
下面這個(gè)例子主要是實(shí)現(xiàn)在網(wǎng)頁打開的時(shí)候彈出一個(gè)提示框，但第二次以后刷新網(wǎng)頁不在顯示提示框，當(dāng)然可以靈活的設(shè)置cookie的時(shí)間，控制是否顯示提示框。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var cookie = {
setCookie:function(name,value,iDay){
var cookieStr = '';
if(iDay == undefined){
cookieStr += name+'='+value+';';
}else{
var oDate = new Date();
oDate.setDate(oDate.getDate()+iDay);
cookieStr += name+'='+value+';express='+oDate;
}
document.cookie = cookieStr;
},
getCookie:function(name){
var arr = document.cookie.split(';');
for(var i=0;i<arr.length;i++){
var arr2 = arr[i].split('=');
if(arr2[0] == name){
return arr2[1];
}
}
return '';
},
removeCookie:function(name){
this.setCookie(name,'1',-1);
}
}
function ControlAlert(){
var flag = cookie.getCookie('flag');
if(!flag){
alert("我是第一次加載的喲！");
cookie.setCookie('flag',true);
//cookie.setCookie('flag',true,1);//如果有第三個(gè)參數(shù)則保存cookie的天數(shù)，如果不設(shè)置，瀏覽器關(guān)閉時(shí)cookie過期
}
}
(function(){
ControlAlert();
}());
</script>
</body>
</html>
以上就是關(guān)于cookied的相關(guān)操作，希望對(duì)大家的學(xué)習(xí)有所幫助。
相關(guān)文章
JavaScript實(shí)現(xiàn)京東快遞單號(hào)查詢
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)京東快遞單號(hào)查詢，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
createElement動(dòng)態(tài)創(chuàng)建HTML對(duì)象腳本代碼
利用createElement動(dòng)態(tài)創(chuàng)建鏈接，div等代碼2008-11-11
這篇文章主要為大家介紹了GoJs中使用HTML方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
JS防抖節(jié)流函數(shù)的實(shí)現(xiàn)與使用場景
在行走江湖的過程中,會(huì)出現(xiàn)很多性能優(yōu)化的問題來讓你手足無措,那么這篇文章主要給大家介紹了關(guān)于JS防抖節(jié)流函數(shù)的實(shí)現(xiàn)與使用場景,針對(duì)這兩個(gè)問題來為你答疑解惑,需要的朋友可以參考下2021-07-07
這篇文章主要介紹了小程序跨頁面交互的作用與方法詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
通過Three.js的材質(zhì)和幾何體,我們可以很方便的創(chuàng)建基礎(chǔ)3D模型,下面這篇文章主要給大家介紹了關(guān)于three.js載入常用類型3D模型的幾種方法,需要的朋友可以參考下2024-04-04
javascript將中國數(shù)字格式轉(zhuǎn)換成歐式數(shù)字格式的簡單實(shí)例
下面小編就為大家?guī)硪黄猨avascript將中國數(shù)字格式轉(zhuǎn)換成歐式數(shù)字格式的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
省市聯(lián)動(dòng)效果的簡單實(shí)現(xiàn)代碼(推薦)
下面小編就為大家?guī)硪黄∈新?lián)動(dòng)效果的簡單實(shí)現(xiàn)代碼(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
javascript引擎長時(shí)間獨(dú)占線程造成卡頓的解決方案
這篇文章主要介紹了javascript引擎長時(shí)間獨(dú)占線程造成卡頓的解決方案,需要的朋友可以參考下2014-12-12
使用JS判斷是否數(shù)字和小數(shù)點(diǎn)組合的數(shù)字的兩中方法比較(isNaN和逐判斷)
使用js判斷數(shù)字和小數(shù)點(diǎn)的方法非常之多。但是就目前而言，我見過最好用的判斷方法應(yīng)該來說是isNaN，它比較方便，而逐個(gè)比較的方法有一定的弊端。2009-09-09