javascript cookie的簡(jiǎn)單應(yīng)用
更新時(shí)間：2016年02月24日 14:58:16 作者：CangoWu
這篇文章主要介紹了javascript cookie的簡(jiǎn)單應(yīng)用，我們先介紹一下cookie的使用，以及我后面簡(jiǎn)單封裝一個(gè)cookie操作的單例，便于實(shí)現(xiàn)cookie的設(shè)置，獲取，刪除的方法，感興趣的小伙伴們可以參考一下
在我平時(shí)開(kāi)發(fā)網(wǎng)頁(yè)的過(guò)程中，可能涉及到瀏覽器本地的存儲(chǔ)，現(xiàn)在主流的瀏覽器存儲(chǔ)方式有：cookie，直接讀取xml，userData，H5 的LocalStorage等，Cookie存儲(chǔ)數(shù)據(jù)有限，但對(duì)于數(shù)據(jù)量不大的時(shí)候操作還是比較方便的。
下面這個(gè)例子主要是實(shí)現(xiàn)在網(wǎng)頁(yè)打開(kāi)的時(shí)候彈出一個(gè)提示框，但第二次以后刷新網(wǎng)頁(yè)不在顯示提示框，當(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過(guò)期
}
}
(function(){
ControlAlert();
}());
</script>
</body>
</html>
以上就是關(guān)于cookied的相關(guān)操作，希望對(duì)大家的學(xué)習(xí)有所幫助。
相關(guān)文章
JavaScript實(shí)現(xiàn)京東快遞單號(hào)查詢(xún)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)京東快遞單號(hào)查詢(xún)，文中示例代碼介紹的非常詳細(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)與使用場(chǎng)景
在行走江湖的過(guò)程中,會(huì)出現(xiàn)很多性能優(yōu)化的問(wèn)題來(lái)讓你手足無(wú)措,那么這篇文章主要給大家介紹了關(guān)于JS防抖節(jié)流函數(shù)的實(shí)現(xiàn)與使用場(chǎng)景,針對(duì)這兩個(gè)問(wèn)題來(lái)為你答疑解惑,需要的朋友可以參考下2021-07-07
這篇文章主要介紹了小程序跨頁(yè)面交互的作用與方法詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
通過(guò)Three.js的材質(zhì)和幾何體,我們可以很方便的創(chuàng)建基礎(chǔ)3D模型,下面這篇文章主要給大家介紹了關(guān)于three.js載入常用類(lèi)型3D模型的幾種方法,需要的朋友可以參考下2024-04-04
javascript將中國(guó)數(shù)字格式轉(zhuǎn)換成歐式數(shù)字格式的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇javascript將中國(guó)數(shù)字格式轉(zhuǎn)換成歐式數(shù)字格式的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
省市聯(lián)動(dòng)效果的簡(jiǎn)單實(shí)現(xiàn)代碼(推薦)
下面小編就為大家?guī)?lái)一篇省市聯(lián)動(dòng)效果的簡(jiǎn)單實(shí)現(xiàn)代碼(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
javascript引擎長(zhǎng)時(shí)間獨(dú)占線(xiàn)程造成卡頓的解決方案
這篇文章主要介紹了javascript引擎長(zhǎng)時(shí)間獨(dú)占線(xiàn)程造成卡頓的解決方案,需要的朋友可以參考下2014-12-12
使用JS判斷是否數(shù)字和小數(shù)點(diǎn)組合的數(shù)字的兩中方法比較(isNaN和逐判斷)
使用js判斷數(shù)字和小數(shù)點(diǎn)的方法非常之多。但是就目前而言，我見(jiàn)過(guò)最好用的判斷方法應(yīng)該來(lái)說(shuō)是isNaN，它比較方便，而逐個(gè)比較的方法有一定的弊端。2009-09-09