JS通过Cookie判断页面是否为首次打开


Posted in Javascript onFebruary 05, 2016

废话不多说了,直接给大家贴代码了,本文写的不好还请各位大侠见谅。

JScript code:

function Cookie(key,value)
{
this.key=key;
if(value!=null)
{
this.value=escape(value);
}
this.expiresTime=null;
this.domain=null;
this.path="/";
this.secure=null;
}
Cookie.prototype.setValue=function(value){this.value=escape(value);}
Cookie.prototype.getValue=function(){return (this.value);}
Cookie.prototype.setExpiresTime=function(time){this.expiresTime=time;}
Cookie.prototype.getExpiresTime=function(){return this.expiresTime;}
Cookie.prototype.setDomain=function(domain){this.domain=domain;}
Cookie.prototype.getDomain=function(){return this.domain;}
Cookie.prototype.setPath=function(path){this.path=path;}
Cookie.prototype.getPath=function(){return this.path;}
Cookie.prototype.Write=function(v)
{
if(v!=null)
{
this.setValue(v);
}
var ck=this.key+"="+this.value;
if(this.expiresTime!=null)
{
try
{
ck+=";expires="+this.expiresTime.toUTCString();;
}
catch(err)
{
alert("expiresTime参数错误");
}
}
if(this.domain!=null)
{
ck+=";domain="+this.domain;
}
if(this.path!=null)
{
ck+=";path="+this.path;
}
if(this.secure!=null)
{
ck+=";secure";
}
document.cookie=ck;
}
Cookie.prototype.Read=function()
{
try
{
var cks=document.cookie.split("; ");
var i=0;
for(i=0;i <cks.length;i++)
{
var ck=cks[i];
var fields=ck.split("=");
if(fields[0]==this.key)
{
this.value=fields[1];
return (this.value);
}
}
return null;
}
catch(err)
{
alert("cookie读取错误");
return null;
}
}

HTML code:

<script type="text/javascript" src="Cookie.js"></script>
<script type="text/javascript" language="javascript">
window.onload=function(){
var ck=new Cookie("HasLoaded"); //每个页面的new Cookie名HasLoaded不能相同
if(ck.Read()==null){//未加载过,Cookie内容为空
alert("首次打开页面");
//设置保存时间
var dd = new Date();
dd = new Date(dd.getYear() + 1900, dd.getMonth(), dd.getDate());
dd.setDate(dd.getDate() + 365);
ck.setExpiresTime(dd);
ck.Write("true"); //设置Cookie。只要IE不关闭,Cookie就一直存在
}
else{//Cookie存在,表示页面是被刷新的
alert("页面刷新");
}
}
</script>

以上所述是小编给大家分享JS通过Cookie判断页面是否为首次打开的相关内容,希望对大家有所帮助。

Javascript 相关文章推荐
Jquery Uploadify多文件上传带进度条且传递自己的参数
Aug 28 Javascript
angularjs基础教程
Dec 25 Javascript
jQuery插件实现控制网页元素动态居中显示
Mar 24 Javascript
JavaScript通过HTML的class来获取HTML元素的方法总结
May 24 Javascript
js 判断数据类型的几种方法
Jan 13 Javascript
关于Angular2 + node接口调试的解决方案
May 28 Javascript
Vue非父子组件通信详解
Jun 12 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
Jul 04 Javascript
利用node.js如何创建子进程详解
Dec 09 Javascript
jQuery实现网页拼图游戏
Apr 22 jQuery
Node.js中package.json中库的版本号(~和^)
Apr 02 Javascript
浅谈nuxtjs校验登录中间件和混入(mixin)
Nov 06 Javascript
JavaScript判断图片是否已经加载完毕的方法汇总
Feb 05 #Javascript
jquery实现的判断倒计时是否结束代码
Feb 05 #Javascript
AngularJs中route的使用方法和配置
Feb 04 #Javascript
JS获取时间的相关函数及时间戳与时间日期之间的转换
Feb 04 #Javascript
分享我对JS插件开发的一些感想和心得
Feb 04 #Javascript
关于JavaScript作用域你想知道的一切
Feb 04 #Javascript
Node.js重新刷新session过期时间的方法
Feb 04 #Javascript
You might like
php flv视频时间获取函数
2010/06/29 PHP
PHP获取表单textarea数据中的换行问题
2010/09/10 PHP
CodeIgniter删除和设置Cookie的方法
2015/04/07 PHP
js交换排序 冒泡排序算法(Javascript版)
2014/10/04 Javascript
浅谈javascript 迭代方法
2015/01/21 Javascript
jQuery mobile转换url地址及获取url中目录部分的方法
2015/12/04 Javascript
AngularJS  自定义指令详解及实例代码
2016/09/14 Javascript
JS封装的选项卡TAB切换效果示例
2016/09/20 Javascript
javascript简易画板开发
2020/04/12 Javascript
JS敏感词过滤代码
2016/12/23 Javascript
bootstrap+jQuery实现的动态进度条功能示例
2017/05/25 jQuery
jQuery ajax调用webservice注意事项
2017/10/08 jQuery
详解vue-router数据加载与缓存使用总结
2018/10/29 Javascript
js实现搜索栏效果
2018/11/16 Javascript
小程序二次贝塞尔曲线实现购物车商品曲线飞入效果
2019/01/07 Javascript
jQuery each和js forEach用法比较
2019/02/27 jQuery
Vue实现类似Spring官网图片滑动效果方法
2019/03/01 Javascript
ES6 Promise对象的应用实例分析
2019/06/27 Javascript
实现一个 Vue 吸顶锚点组件方法
2019/07/10 Javascript
详解Python中contextlib上下文管理模块的用法
2016/06/28 Python
Python OpenCV实现图片上输出中文
2018/01/22 Python
Python代码缩进和测试模块示例详解
2018/05/07 Python
对Python生成汉字字库文字,以及转换为文字图片的实例详解
2019/01/29 Python
Python3+Appium安装使用教程
2019/07/05 Python
pandas DataFrame创建方法的方式
2019/08/02 Python
Python实现投影法分割图像示例(一)
2020/01/17 Python
python+selenium+chrome实现淘宝购物车秒杀自动结算
2021/01/07 Python
详解html5页面 rem 布局适配方法
2018/01/12 HTML / CSS
NBA德国官方网上商店:NBA Store德国
2018/04/13 全球购物
美国Jeep配件购物网站:Morris 4×4 Center
2019/05/01 全球购物
体育教师工作总结的自我评价
2013/10/10 职场文书
平面设计求职信
2014/03/10 职场文书
团日活动总结报告
2014/06/25 职场文书
超市店庆活动方案
2014/08/31 职场文书
自愿离婚协议书范本
2015/01/26 职场文书
清明节寄语2015
2015/03/23 职场文书