Javascript實(shí)例教程(5) 在一個(gè)表單中設(shè)置和檢查Cookies

2019-11-18 11:09:31

字體：大中小

供稿：網(wǎng)友

Cookie是一小段由瀏覽器儲(chǔ)存起來(lái)幫助識(shí)別用戶身份的信息。在一個(gè)表單中設(shè)置和檢查Cookies的實(shí)現(xiàn)需要兩個(gè)文件來(lái)完成。第一個(gè)文件為cookie1.Html，這個(gè)文件需要有一些機(jī)理（下面例子的一個(gè)按鈕）來(lái)檢查是否有一個(gè)Cookie存在，然后再重定向至表單網(wǎng)頁(yè)或者文檔下載網(wǎng)頁(yè)。而第二個(gè)文件，即表單網(wǎng)頁(yè)（cookie2.html），也是和重要的因?yàn)槟銓⒁谏厦媸褂靡稽c(diǎn)點(diǎn)javascript來(lái)設(shè)置Cookie，這個(gè)設(shè)置是在提交表單之前做的。下面給出這文件：

第一個(gè)文件（cookie1.html）

<HTML>

<HEAD>

<SCRIPT LANGUAGE="Javascript">



</SCRIPT>

</HEAD>

<BODY>

<FORM NAME="docdownload">

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

onClick="cookieRedirect('doc.html', 'cookie2.html')">

</FORM>

</BODY>

</HTML>
第二個(gè)文件（cookie2.html ） <HTML>

<HEAD>

<SCRIPT LANGUAGE="JavaScript">



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

為了測(cè)試一下這個(gè)功能，你可以打開cookie1.html并點(diǎn)擊中按鈕，你將被帶到表單網(wǎng)頁(yè)。假如你回到cookie1.html文件并點(diǎn)擊按鈕你就回直接連到文檔去。

上一篇：Javascript實(shí)例教程(3) 探測(cè)瀏覽器插件

下一篇：60秒倒計(jì)時(shí)的一個(gè)小JAVASCRIPT