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+ajax每秒向后台发送请求数据然后返回页面的代码
Jan 17 Javascript
调试JavaScript中正则表达式中遇到的问题
Jan 27 Javascript
HTML5使用DeviceOrientation实现摇一摇功能
Jun 05 Javascript
jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮
Nov 18 Javascript
使用JavaScript实现ajax的实例代码
May 11 Javascript
JavaScript 闭包详细介绍
Sep 28 Javascript
纯js实现倒计时功能
Jan 06 Javascript
详解VUE中v-bind的基本用法
Jul 13 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
Jan 23 Javascript
小程序实现搜索界面 小程序实现推荐搜索列表效果
May 18 Javascript
Vue解析剪切板图片并实现发送功能
Feb 04 Javascript
Vue中Object.assign清空数据报错的解决方案
Mar 03 Vue.js
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垃圾代码优化操作代码
2010/08/05 PHP
PHP+Mysql树型结构(无限分类)数据库设计的2种方式实例
2014/07/15 PHP
PHP结合Ueditor并修改图片上传路径
2016/10/16 PHP
phpcms中的评论样式修改方法
2016/10/21 PHP
PHP使用数组实现矩阵数学运算的方法示例
2017/05/29 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
2018/02/19 PHP
jquery nth-child()选择器的简单应用
2010/07/10 Javascript
javascript不同类型数据之间的运算的转换方法
2014/02/13 Javascript
jQuery.extend 函数及用法详细
2015/09/06 Javascript
浅析Nodejs npm常用命令
2016/06/14 NodeJs
探索Vue.js component内容实现
2016/11/03 Javascript
详解js运算符单竖杠“|”与“||”的用法和作用介绍
2016/11/04 Javascript
canvas学习之API整理笔记(二)
2016/12/29 Javascript
js实现tab选项卡切换功能
2017/01/13 Javascript
Vue.js基础知识小结
2017/01/13 Javascript
JavaScript中无法通过div.style.left获取值的解决方法
2017/02/19 Javascript
angular4 如何在全局设置路由跳转动画的方法
2017/08/30 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
2018/07/25 Javascript
JavaScript事件对象深入详解
2018/12/30 Javascript
使用Karma做vue组件单元测试的实现
2020/01/16 Javascript
[02:47]DOTA2英雄基础教程 野性怒吼兽王
2013/12/05 DOTA
跟老齐学Python之字典,你还记得吗?
2014/09/20 Python
Python自动登录126邮箱的方法
2015/07/10 Python
python实现汉诺塔方法汇总
2016/07/25 Python
python+pyqt实现12306图片验证效果
2017/10/25 Python
浅谈python的dataframe与series的创建方法
2018/11/12 Python
python生成n个元素的全组合方法
2018/11/13 Python
Django框架用户注销功能实现方法分析
2019/05/28 Python
opencv 图像加法与图像融合的实现代码
2020/07/08 Python
从零实现一个自定义html5播放器的示例代码
2017/08/01 HTML / CSS
Manuka Doctor英国官网:真正的麦卢卡蜂蜜和护肤品
2018/10/26 全球购物
印度尼西亚最好的小工具在线商店:Erafone.com
2019/03/26 全球购物
医学生自荐信
2013/12/03 职场文书
大学生如何写自荐信
2014/01/08 职场文书
离婚协议书样本
2015/01/26 职场文书
纯CSS打字动画的实现示例
2022/08/05 HTML / CSS