繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 初学Javascript之cookie篇(译)
- Javascript
- JS+XML 省份和城市之间的联动实现代码
- ie与firefox下的event使用说明与详细区别
- Jquery 学习笔记（二）
- jQuery技巧大放送 学习jquery的朋友可以看下
- 使用jQuery简化Ajax开发 Ajax开发入门
- jQuery入门 构造函数
- JavaScript iframe的相互操作浅析
- JavaScript null和undefined区别分析
- JavaScript 替换Html标签实现代码
- jQuery 标题的自动翻转实现代码
- JavaScript读取中文cookie时的乱码问题的解决方法
- JavaScript 动态创建VML的方法
- JavaScript Array扩展实现代码
- javascript线性渐变一
- javascript 线性渐变二
- javascript 线性渐变三
- 滑动门式菜单 实现代码
- extjs 学习笔记（三） 最基本的grid
- javascript 操作cookies及正确使用cookies的属性
- JavaScript 基础知识 被自己遗忘的
初学Javascript之cookie篇(译)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-08-10 浏览: 106 ::
收藏到网摘: n/a
[译者注：将本文的最后示例代码拷贝至文本文件中,更名文件为homepage.htm格式文件，在浏览器中运行，本文以该示例代码讲解]
简介
====================================
问题是我想解决自动访问http://www.thehungersite.com。这个页面能够限制你每一天只访问它一次（不要忘记在这链接上点击）。
现在为止，每次一开始我做的第一件事就是手工选择我的书签加载这个页面。
为什么不为它创建一个简单的脚本程序呢？
因为我想让它在Netscape和IE下都能够同样的工作，我开始学习Javascript。
解决
====================================
主题思想很简单：创建一个页面并测试一下今天这个页面是否已被加载过，
如果没有加载，那就通过它链接到http://www.thehungersite.com，并且设置
这个页面作为浏览器的主页。
获取页面并重定向是很容易的，问题是如何记忆这个页面已被访问过。
因为Javascript没有文件访问的功能，看来我们只能使用cookies了。
Cookies是一个有大小限制的变量，它与一个服务器的域名相关联，
默认情况下cookie的生存期是当浏览器关闭时被清空（注意：不是当你离开
这个页面的时候），但可以用一个脚本程序改变这种情况，
在用户关闭浏览器后使cookies能够存储下来，Netscape在文件中使用所有的
Cookie，而IE分别存储每个cookie。此外，不同的浏览器会带来一些意想
不到的情况，你必须确定一个用户在它的浏览器设置中是否关闭了cookies。
一切都很好也很妙，只是现在我还未在IE中测试它，调用示例Javascript语句：
cookieExpires = "01-APR-" + nLyear + " GMT";
document.cookies = cookieName + "=" + cookieValue + "; expires=" + cookieExpires;
然后调用
document.write(document.cookie);
document.cookie是空的。
------------------------------------------
在试验和研究了一下上面的示例程序后，会发现：
1。你不能够读和显示cookie。如果你想看一下这个cookie你需要指定与它相同的另一个字符串变量，如下：
document.cookie = cookieName + "=" + cookieValue + "; expires=" + cookieExpires;
myvar = cookieName + "=" + cookieValue + "; expires=" + cookieExpires;
document.write(myvar);
2. 浏览器用了不同的日期格式：
Netscape使用"GMT"结束，IE使用“UTC"，这是因为它可以更好的构建一个日期，象下面这样：
var expdate = new Date()
cookieExpires.setTime (expdate.getTime() + 1 * (24 * 60 * 60 * 1000)) //+1 day
cookieExpires.toGMTString()
当你显示日期部分
document.write(expdate.getYear() + "<br>" + expdate.getMonth() + "<br>" + expdate.getDate());
对于2000-11-15的日期，在IE中显示为2000/10/15，在Netscape下显示100/10/15（注：已确定是一些较低版本的
Netscape 浏览器的Y2K问题）
示例中看到像下面这样的部分：
if (platform == "Mac") {
lastVisit = lastVisit - (24 * 60 * 60 * 1000)
}
但我不可能检测它。
日期对象有getDate和getDay的方法，第二个方法返回在一周中天的索引号。
----------------------------------------
知道了这些，基本上就没问题了（现在你可以看一下homepage.htm)
［译者注：将本文的最后示例代码拷至文本文件中并保存htm格式，然后运行]
最后要说明的是，这不仅是一个专用的JS脚本，如果你想将它用在你的web页面上你必须最小程度的使用不同的浏览器测试它并注意它们的版本，许多的脚本程序包含了浏览器类型检测和大量的if...else语句，以处理这样不同。
示例页面homepage.htm源代码
=======================================
<html>
<head>
<title>Homepage</title>
</head>
<body>
<a href='http://www.thehungersite.com/'>Manual redirection<br></a>
<a href="javascript:ResetCookie()">Cookie reset</a>
<script language="JavaScript">
<!--
var bVisitedToday = false;
var lastVisit = GetCookie("lastVisit");
if (lastVisit != null)
{
lastVisit = 1 * lastVisit;
var lastHere = new Date(lastVisit);
var rightNow = new Date();
if(lastHere.getYear() == rightNow.getYear()
&& lastHere.getMonth() == rightNow.getMonth()
&& lastHere.getDate() == rightNow.getDate())
{
bVisitedToday = true;
}
}
if(bVisitedToday == false)
{
setLastlastVisitCookie();
window.location="http://www.thehungersite.com/"
}
else
{
//window.location="about:blank"
}
function getCookieVal (offset)
{
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name)
{
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value)
{
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function setLastlastVisitCookie ()
{
var rightNow = new Date();
var expdate = new Date();
expdate.setTime (expdate.getTime() + 1 * (24 * 60 * 60 * 1000)); //+1 day
SetCookie ("lastVisit", rightNow.getTime(), expdate, "/");
}
function ResetCookie()
{
SetCookie("lastVisit", 0, null, "/");
}
// -->
</script>
</body>
</html>
评论 (0) All
