Welcome 微信登录

首页 / 脚本样式 / JavaScript / javascript cookie的简单应用

在我平时开发网页的过程中,可能涉及到浏览器本地的存储,现在主流的浏览器存储方式有:cookie,直接读取xml,userData,H5 的LocalStorage等,Cookie存储数据有限,但对于数据量不大的时候操作还是比较方便的。
下面这个例子主要是实现在网页打开的时候弹出一个提示框,但第二次以后刷新网页不在显示提示框,当然可以灵活的设置cookie的时间,控制是否显示提示框。

<!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);//如果有第三个参数则保存cookie的天数,如果不设置,浏览器关闭时cookie过期}}(function(){ControlAlert();}());</script></body></html>
以上就是关于cookied的相关操作,希望对大家的学习有所帮助。