首页 > 订制网站案例

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


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

第1个文件(cookie1.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"

>

</FORM>

</BODY>

</网站制作>
第2个文件(cookie2.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"

>

</FORM>

</BODY>

</网站制作>


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

doc.html

<网站制作>

<BODY>

<H3>This is the document</H3>

</BODY>

</网站制作>

为了测试1下这个功能,你可以打开cookie1.html并点击中按钮,你将被带到表单网页。如果你回到cookie1.html文件并点击按钮你就回直接连到文档去。
来顶一下
近回首页
返回首页
上一篇: Javascript实例教程(10) 创建"后退"按钮
下一篇: Javascript实例教程(3) 探测浏览器插件

版权所有:   2005-2009  搜发网络服务有限公司  公司地址:辽宁省锦州市铁北金秋大厦正楼
自己做网站 QQ:  免费做网站 QQ: 学做网站 QQ: 企业做网站 QQ:  公司邮箱:5729799@qq.com
《中华 人民共和国增值电信业务经营许可证》编号:辽ICP备08001153号   版权所有 严禁复制

友情链接:免费网站制作 免费网站申请 web免费制作网站教程 免费申请网站 研究生考研信息博客 免费网站制作论坛