wangchao.org
添加收藏 | 博客
 
购物视频论坛IT业界自然风光美女图片王朝网络小游戏BT下载生活百科编程设计手机图铃小说
 
笑话 | 水库 | 娱乐 | 体育 | 英语 | 宠物 | 美食 | 旅游 | 养生 | 手机 | 数码 | 汽车 | 珠宝 | 美容 | 装修 | 厨房 | 科普 | 动物 | 植物 | 影音 | 百科 | 知道 | 词典
  
 
 您好! 您现在位于: 王朝网络 → 编程设计 → 《Javascript实例教程(5) 在一个表单中设置和检查Cookies返回上一页 
 
1楼 

Javascript实例教程(5) 在一个表单中设置和检查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文件并点击按钮你就回直接连到文档去。

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文件并点击按钮你就回直接连到文档去。

 
标签: Cookies  Javascript  一个  实例  教程  检查  表单  设置  
 
您可以将本页贴到其他网站
UBB代码HTML代码
 
 
 
 
 
 
 更多内容
 ·非打印字符 ·TotalSize 属性 ·Path 属性 ·程序员应用EJB 3.0必要的准备
 ·EJB 3.0的三大类型详解 ·Eclipse开发工具简介 ·JBoss技术支持文档(二) ·WebSphere Studio和XDE构建应用程
 ·仿Office 2003的工具条 ·一步一步教你用JS和INF编辑注册表 ·60秒倒计时的一个小JAVASCRIPT ·Javascript实例教程(20) OLE Aut
 ·用Java实现PDF报表 ·利用Java实现串口全双工通讯 ·Eclipse插件开发快速入门 ·用RMI开发基于Java的企业分布式应
 ·J2EE中几种业务代理模式的实现和 ·J2EE的发展历程 ·J2SE简介 ·J2SE中的序列化详解(一)
 ·J2SE1.5注释语法简介 ·J2SE中的序列化详解(三)(1) ·J2SE中的序列化详解(二) ·J2SE 1.5 in a Nutshell 中文版(
 
 
最新评论  点此查看所有评论
 
 
 
 
发表评论(支持UBB码)


验证码:  
 
 
 
© 2005- 王朝网络 版权所有