站内搜索: 请输入搜索关键词

当前页面: 开发资料首页Javascript 专题Javascript实例教程(6) 在一个表单中设置和检查Cookies

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

摘要: Javascript实例教程(6) 在一个表单中设置和检查Cookies
<textarea readonly style="border:none;font-family:Courier New;line-height:150%;width:760px;overflow-y:visible"> Cookie是一小段由浏览器储存起来帮助识别用户身份的信息。在一个表单中设置和检查Cookies的实现需要两个文件来完成。第一个文件为cookie1.html,这个文件需要有一些机理(下面例子的一个按钮)来检查是否有一个Cookie存在,然后再重定向至表单网页或者文档下载网页。而第二个文件,即表单网页(cookie2.html),也是和重要的因为你将要在上面使用一点点JavaScript来设置Cookie,这个设置是在提交表单之前做的。下面给出这文件:

第一个文件(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" onClick="cookieRedirect('doc.html', 'cookie2.html')">

</form>

</body>


第二个文件(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" onClick="sendForm(document.testform)">

</form>

</body>




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

doc.html



<body>

This is the document



</body>



为了测试一下这个功能,你可以打开cookie1.html并点击中按钮,你将被带到表单网页。如果你回到cookie1.html文件并点击按钮你就回直接连到文档去。</td> </tr> </table></td> </tr>   
</td> </tr> </table> </textarea>
↑返回目录
前一篇: Javascript实例教程(7) 利用Javascript进行密码保护
后一篇: Javascript实例教程(5) 利用Javascript创建对象