javascript实例教程(6) 在一个表单中设置和检查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文件并点击按钮你就回直接连到文档去。
分享到:
相关推荐
本实例教程旨在帮助任何级别的读者,无论是初学者还是有经验的开发者,都能深入理解和掌握JavaScript在网页开发中的应用。教程内容丰富,涵盖基础到高级,经典实例助你快速上手。 一、JavaScript基础 1. 变量与数据...
总之,"javascript实例300例(很全的)"是一个涵盖广泛JavaScript应用场景的资源集合,对于想要深入理解和精通JavaScript的开发者而言,这是一个不可多得的学习材料。通过实践这些实例,你可以逐步提高自己的编程...
在这个“ASP Web编程实例教程”中,你将学习如何使用ASP技术构建Web应用。 1. **基础概念** - **服务器端脚本**:与客户端脚本(如JavaScript)不同,服务器端脚本在服务器上执行,然后将结果发送到浏览器。 - **...
总之,"JavaScript精彩效果代码"是一个全面的实践教程,对于初学者和有一定经验的开发者来说,都是一个很好的学习和参考资源。通过深入学习和实践,不仅可以掌握JavaScript的核心技术,还能了解到如何将这些技术应用...
综上所述,"javascript经典特效---Form框中导航.rar"可能包含的是一系列关于如何使用JavaScript在表单中实现交互式、视觉吸引人的导航效果的方法和实例。学习这些内容有助于提升网页的用户体验,使表单操作更加流畅...
这个JavaScript教程可能包含实践项目、实例解析、习题练习等内容,帮助学习者深入理解和掌握JavaScript,从而在实际开发中灵活运用。无论你是初学者还是有一定经验的开发者,都能从中受益。通过系统学习和不断实践,...
JavaScript主要应用于客户端的网页交互,通过在用户的浏览器中运行,它可以动态更新内容、验证表单数据、控制cookies、实现动画效果、创建AJAX(异步JavaScript和XML)应用等。随着Node.js的出现,JavaScript也扩展...
【jsp+javascript收集】是一个关于Web开发中JSP(JavaServer Pages)与JavaScript技术的资料集合,涵盖了作者在实践中积累的各种实例和参考资料。这个压缩包包含了一系列与这两个核心技术相关的文件,旨在为编程爱好...
- **JS Cookies**:Cookies的管理,包括设置、获取和删除Cookies的方法。 - **JS Validation**:表单验证的方法,确保用户输入的数据符合预期格式。 - **JS Animation**:动画效果的实现,介绍如何使用JavaScript...
在实际的实例中,你可能会遇到各种功能的实现,比如用户登录系统、数据库操作(如连接SQL Server,执行SQL查询)、表单验证、cookies管理、URL重写等。 ASP实例通常会展示如何处理HTTP请求,创建动态HTML,与数据库...
jQuery Mobile是一个强大的UI框架,它简化了移动设备上的用户界面设计,而localStorage则是HTML5提供的本地存储机制,允许应用程序在用户的浏览器上存储大量数据,即使关闭和重新打开浏览器,数据也能被保留。...
6. **错误处理**:设置错误陷阱和自定义错误消息。 五、学习ASP的重要性 1. **网页动态化**:ASP能创建交互性强、内容丰富的动态网页。 2. **入门门槛低**:VBScript语法简单,适合初学者入门。 3. **兼容性**:与...
Express是一个用于构建Web应用程序和网络服务的Node.js框架。Node.js是一种优秀的工具,用于构建网络服务和应用程序,而Express框架建立在Node.js的基础之上,提供了一系列简单易用的功能,以满足Web服务器的应用...
在w3school的教程中,每一个主题都会有实例演示,便于读者亲手实践,加深理解。同时,每节内容通常配有练习题和测试,帮助检验学习效果。这样的学习方式使得w3school成为一个实用且全面的自学平台。 总结来说,【w3...
ASP,全称Active Server Pages,是微软开发的一种服务器端脚本环境,用于创建动态交互式网页。本"十天学会ASP教程"旨在帮助初学...教程中的实例和练习将助你巩固所学,解决实际问题。祝你在ASP学习之旅中取得丰硕成果!
在本教程中,我们将深入探讨如何使用ASP技术构建一个图书管理系统。图书管理系统是信息管理中的一个重要实例,它可以帮助图书馆或者个人高效地管理书籍信息,包括书籍的添加、删除、查询和借阅等功能。 首先,我们...
6. Cookies集合:通过Request.Cookies和Response.Cookies访问,用于在客户端和服务器之间存储数据。 7. ServerVariables集合:包含了关于HTTP请求的各种信息,如客户端IP地址、请求方法等。 三、ASP脚本语言 ASP...