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

2016-02-19 13:15 37 1 收藏

今天图老师小编给大家介绍下Javascript实例教程(5) 在一个表单中设置和检查Cookies,平时喜欢Javascript实例教程(5) 在一个表单中设置和检查Cookies的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - Web开发 】

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"



/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

TDFirst name/TD

TDINPUT TYPE="TEXT" NAME="firstname"/TD

/TR

TDLast name/TD

TDINPUT TYPE="TEXT" NAME="lastname"/TD

/TR

TR

TDAddress/TD

TDINPUT TYPE="TEXT" NAME="address"/TD

/TR

TR

TDCity/TD

TDINPUT TYPE="TEXT" NAME="city"/TD

/TR

TR

TDState/TD

TDINPUT TYPE="TEXT" NAME="state"/TD

/TR

TR

TDZip/TD

TDINPUT TYPE="TEXT" NAME="zip"/TD

/TR

/TABLE

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



/FORM

/BODY

/HTML


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

doc.html

HTML

BODY

H3This is the document/H3

/BODY

/HTML

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

来源:http://www.tulaoshi.com/n/20160219/1603533.html

延伸阅读
标签: Web开发
可爱吧--教你做可爱女人--化妆 美容 美化 瘦身 护肤--深圳可爱吧 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
标签: Web开发
使用javascript数组 在JavaScript 1.0中构造器只存在Date对象和用户定义的对象。你可能期望有个数组构造器,但是一直没能实现,直到JavaScript 1.1的出现,你的期望成为了现实。我们可以如下来定义用户对象: function blankArray(n) { for (var i=0; i n; i++) this[i] = null; this.length = n; } blankArray函数创建了一个数组,这个...
标签: Web开发
上一篇学习了:Javascript初学者实例教程(4):对象和构造方法 实例五(4.1) 本实例主要介绍了Document对象的使用  !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" HTML  HEAD   TITLE New Document /TITLE  /HEAD  BODY   IMG SRC="C:/Documents and Settings/Administrat...
标签: Web开发
下面我们从实例的角度,来看一看最简单的一段代码,如下所示: html head Script Language ="JavaScript" var helloE="Hello,welcom to the 5DMEDIA's World"; var helloC="你好,欢迎来到5DMEDIA的世界"; function helloworld(){ alert(helloE); alert(helloC); } /Script /Head body onload=helloworld() /body /Html 从上面的程序段中...
标签: Web开发
使用JavaScript中的OLE Automation 什么是Automation OLE(对象连接和嵌入)Automation允许应用程序完成通讯、交换数据以及控制其它应用程序等等。它还允许一个客户应用程序通过使用暴露对象的界面来创建和控制一个对象。一个Automation对象是可以通过Automation界面暴露给其它应用程序或者编程工具的一个对象。 Automation提供了一个文档...

经验教程

683

收藏

12
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部