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

2016-01-29 11:29 3 1 收藏

javascript实例教程(5) 在一个表单中设置和检查Cookies,&#106avascript实例教程(5) 在一个表单中设置和检查Cookies

【 tulaoshi.com - Javascript 】

  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

<TDFirst name</TD

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

</TR

<TDLast name</TD

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

</TR

<TR

<TDAddress</TD

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

</TR

<TR

<TDCity</TD

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

</TR

<TR

<TDState</TD

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

</TR

<TR

<TDZip</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

<H3This is the document</H3

</BODY

</HTML

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

来源:https://www.tulaoshi.com/n/20160129/1482493.html

延伸阅读
  HotMetal PRO 6.0是强大易用的网站编辑和发布工具。在本教程中我们在HotMetal中使用JavaScript。在HotMetal中,JavaScript支持是基于HotMetal为你提供了丰富的资源以及对象。它包含了几个新的对象,比如访问DOM的对象。另外,HotMetal支持一些ActiveX控件。这些控件以及Windows脚本支持使得HotMetal成为了JavaScript设计人员一个不可多...
  HoTMetal中使用Javascript 6.怎样编写一个保存模块脚本 在本节教程的例子中,我们创建了一个新的保存模块文件对话框。HoTMetaL里面有几个模板你可以从中进行选择。模板只是一个普通的网页,这个网页被保存HoTMetaL应用程序目录的Template模板中。当你从文件菜单中选择新项目的时候,其中一个标签选项是Page From Template。当你选择...
  使用JavaScript中的OLE Automation 6. 怎样提高脚本程序的性能 自从我们处理重的对象模型(比如Word.Application)和应用程序实例,注意系统的资源示相当重要的。一旦我们完成对应用程序实例的处理,我们必须去掉它,以从内存重清除对象的实例。在Jscript中有唯一的方法来实现,它就是应用程序对象的Quit()方法,以下是一个例子: va...
  使用JavaScript中的OLE Automation 7. 怎样处理集对象 Automation对象与其它的Jscript对象有些有相同的结构。它暴露了多种方法和属性,我们可以对它们进行处理。如果你从来没有接触Visual Basic,你可能就不熟悉集对象了。集就是相关项的组。集用在Visual Basic主要是为了保持跟踪许多事情,比如从你的程序(表单集)中装载表单,或者...
  有时你可以会在一些网站看到一些变化显示的图片,这除了可以利用Flash来制作之外,当然也可以利用本节教程介绍的方法来实现哦。好吧,就开始我们的创作吧。我们可以在网页的最前面部分添加以下的代码来创建一个随机的数字: <SCRIPT <!-- // Randomizer rnd.today=new Date(); rnd.seed=rnd.today.getTime(); function rn...

经验教程

877

收藏

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