当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Javascript实例教程(6) 在一个表单中设置和检查Cookies

Javascript
Jquery实战_读书笔记2 选择器
JQuery 确定css方框模型(盒模型Box Model)
jQuery 入门级学习笔记及源码
被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用
JQuery 构建客户/服务分离的链接模型中Table分页代码效率初探
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
JavaScript 学习笔记(十四) 正则表达式
JQuery 操作Javascript对象和数组的工具函数小结
用JS写的一个TableView控件代码
JQuery 1.4 中的Ajax问题
window.onbeforeunload方法在IE下无法正常工作的解决办法
优化javascript的执行速度
jQuery 1.4 15个你应该知道的新特性(译)
js 模拟实现类似c#下的hashtable的简单功能代码
setTimeout与setInterval在不同浏览器下的差异
php gethostbyname获取域名ip地址函数详解
JavaScript 未结束的字符串常量常见解决方法
document.getElementById为空或不是对象的解决方法
javascript中利用数组实现的循环队列代码

Javascript实例教程(6) 在一个表单中设置和检查Cookies


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-10   浏览: 116 ::
收藏到网摘: n/a

利用Javascript在一个表单中设置和检查Cookies

Cookie是一小段由浏览器储存起来帮助识别用户身份的信息。在一个表单中设置和检查Cookies的实现需要两个文件来完成。第一个文件为cookie1.html,这个文件需要有一些机理(下面例子的一个按钮)来检查是否有一个Cookie存在,然后再重定向至表单网页或者文档下载网页。而第二个文件,即表单网页(cookie2.html),也是和重要的因为你将要在上面使用一点点JavaScript来设置Cookie,这个设置是在提交表单之前做的。下面给出这文件:

第一个文件(cookie1.html)

<HTML>

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!--

function cookieRedirect(hasCookieURL, noCookieURL)

{

var currentCookie = document.cookie;


if (currentCookie.indexOf("formcomplete=yes") != -1) {

window.location = hasCookieURL;

} else {

window.location = noCookieURL;

}

}

// -->

</SCRIPT>

</HEAD>

<BODY>

<FORM NAME="docdownload">

<INPUT TYPE="BUTTON" VALUE="Download document"

onClick="cookieRedirect('doc.html', 'cookie2.html')">

</FORM>

</BODY>

</HTML>



第二个文件(cookie2.html ) <HTML>

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!--

function sendForm(objForm)

{

cookieExpires = "Saturday, 01-Jan-03 00:00:00 GMT";

document.cookie = "formcomplete=yes; path=/";

// objForm.submit();

}

// -->

</SCRIPT>

</HEAD>

<BODY>

<FORM ACTION="test.html" NAME="info">

<TABLE>

<TR>

<TD>First name</TD>

<TD><INPUT TYPE="TEXT" NAME="firstname"></TD>

</TR>

<TD>Last name</TD>

<TD><INPUT TYPE="TEXT" NAME="lastname"></TD>

</TR>

<TR>

<TD>Address</TD>

<TD><INPUT TYPE="TEXT" NAME="address"></TD>

</TR>

<TR>

<TD>City</TD>

<TD><INPUT TYPE="TEXT" NAME="city"></TD>

</TR>

<TR>

<TD>State</TD>

<TD><INPUT TYPE="TEXT" NAME="state"></TD>

</TR>

<TR>

<TD>Zip</TD>

<TD><INPUT TYPE="TEXT" NAME="zip"></TD>

</TR>

</TABLE>

<INPUT TYPE="BUTTON" VALUE="Download document"

onClick="sendForm(document.testform)">

</FORM>

</BODY>

</HTML>


下面再给出需要用到的doc.html文件:

doc.html

<HTML>

<BODY>

<H3>This is the document</H3>

</BODY>

</HTML>

为了测试一下这个功能,你可以打开cookie1.html并点击中按钮,你将被带到表单网页。如果你回到cookie1.html文件并点击按钮你就回直接连到文档去。