編程專題講座-javascript開發(fā)技術(shù)第17章cookie

17是在客戶端計(jì)算機(jī)中的一些信息，這些信息多用于與服務(wù)器進(jìn)行交互。使用對(duì)象的屬性可以和設(shè)置的內(nèi)容。HTMLJavaScript出現(xiàn)初期，網(wǎng)頁(yè)的內(nèi)容比較單一，僅僅只是顯示一些文字和圖在這些聯(lián)系之中，經(jīng)常需要建立一些信息，如用于識(shí)別用戶的ID等，而這些信息通常都是以的形式在客戶端計(jì)算機(jī)中的。 介JavaScript中，可以多服務(wù)器端的程序（如ASP等）也可以存取。對(duì)于操作系統(tǒng)而言，就是一個(gè)文件，這個(gè)文件中記錄著客戶端計(jì)算機(jī)與服務(wù)器來(lái)該。例如，A所創(chuàng)建的只有A可以，而B所創(chuàng)建的也只有B可以，A、B不能對(duì)方所創(chuàng)建的。因此，用戶不必?fù)?dān)心信息。實(shí)際上，的作用就是與服務(wù)器互動(dòng)。由于網(wǎng)絡(luò)的發(fā)達(dá)，客戶端與服務(wù)器的互動(dòng)變得十分重要，在以下幾個(gè)場(chǎng)合中經(jīng)常可以看到的身影。用戶登錄：在很多的登錄頁(yè)面中都可以看到一個(gè)選項(xiàng)，多用于詢問(wèn)用戶在多長(zhǎng)時(shí)間不需要再登錄，如一天、一個(gè)月或一年等。這就需要使用技術(shù)，在用戶第一次登錄時(shí)，使用記錄下了用戶的信息，并讓其保存一天、一個(gè)月或一年。只要沒有過(guò)期，那么用戶在下次需要驗(yàn)證時(shí)，就電子商務(wù)：在電子商務(wù)中使用最多的就是購(gòu)物車和最近瀏覽過(guò)的商品。這兩項(xiàng)都了要在的而從中取出，統(tǒng)一付款。最近瀏覽過(guò)的商品的處理方式相同，也是將用戶最近瀏覽過(guò)的商品信息在再務(wù)覽用還以將購(gòu)物做得更人性化。例如，通過(guò)覽信過(guò)商來(lái)推薦相關(guān)商品。中，在用戶確定之后，才提交到服務(wù)器上。與前面章節(jié)中所介紹的變量、常量等不同，的信息是記錄在一個(gè)文件中，并且這個(gè)文件是存放在客戶端計(jì)算機(jī)中的，在使用時(shí)必須要注意名稱：每一個(gè)都有自己的名稱，就好像每一個(gè)變量、常量都有自己的一個(gè)名稱一樣。通過(guò)名稱可以信息。在JavaScript中，名稱也必須是一個(gè)合法的標(biāo)識(shí)符。如用戶編號(hào)可以使用userId來(lái)命名。值：通過(guò)名稱所的值，也就是存放在中的具體信息。例如用戶的編號(hào)為10，那么userId的值為10。生存期：也就是的有效日期。在默認(rèn)情況下，一個(gè)的生存期就是瀏覽器窗口關(guān)閉的時(shí)間。也就是說(shuō)，在一個(gè)瀏覽器窗口中創(chuàng)建的，只要該瀏覽器沒有關(guān)閉，那么該就會(huì)一直有效，一旦該瀏覽器窗口關(guān)閉，那么由該瀏覽器窗口所創(chuàng)建的就會(huì)失效，不能再。如果想要該在瀏覽器窗口關(guān)閉后還可以使用，就必須要為該設(shè)置生存期，也就是失效的日期。路徑：出于安全方面的考慮，通常一個(gè)網(wǎng)頁(yè)所創(chuàng)建的只能被與該網(wǎng)頁(yè)在同一或子下的所有網(wǎng)頁(yè)，而不能被其他下的網(wǎng)頁(yè)。例如由“ /BookSupport/sample.htm”所創(chuàng)建的，可以 /BookSupport/jsCode/”下的所有網(wǎng)頁(yè)，但不能被“ /Book/”下的任何網(wǎng)頁(yè)?？梢酝ㄟ^(guò)設(shè)置路徑的方法讓“http: com/Book/”下的所有網(wǎng)頁(yè)該。域：同樣是出于安全方面的考慮，在默認(rèn)情況下，即使設(shè)置了的路徑，也只能在同一個(gè)域中，不同域之間的網(wǎng)頁(yè)是不能互相的。如 。可以通過(guò)設(shè)置域的方法讓“ ”和 ”兩個(gè)服務(wù)器之間的網(wǎng)頁(yè)互相。安全：在默認(rèn)情況下，信息的傳遞使用的是沒有加密的明碼傳遞方式，如果中的信息比較重要，這就要求對(duì)信息進(jìn)行加密。如果將的secure設(shè)為true，那么該就只能在HTTPS或其他安全協(xié)議中傳輸，可以使用的注意事每個(gè)文件中的個(gè)數(shù)過(guò)300個(gè)雖然瀏覽器可以網(wǎng)頁(yè)非本（或域所創(chuàng)建的，但是由于是改文件中的內(nèi)容。創(chuàng)建的方式與定義一個(gè)變量的方式有些類似，都必須使用名和值。同一個(gè)可以創(chuàng)建多個(gè)，而多個(gè)可以存放在同一個(gè)文件中。使用對(duì)象的屬性可以設(shè)置一個(gè)，也可以從一個(gè)文件中所有的內(nèi)容。存取的方在JavaScript中存取時(shí)，必須要使用對(duì)象的屬性。創(chuàng)建或修改一個(gè)的語(yǔ)法代碼如下所示：..=在以上代碼中，name為名，value為值。如果要?jiǎng)?chuàng)建多個(gè)，可以多次使用以上代碼。使用對(duì)象的屬性，也可以文件中s..在以上代碼中，s為變量名.

//添加或修改第一，名UserName， //為 //添加或修改第一，名UserName， //為 ”文本框中的內(nèi) . //添加或= ，名 //值 框中的內(nèi) =" } {{varuserName=varuserPassword=創(chuàng)建與使用對(duì)象的屬性可以創(chuàng)建和。其具體實(shí)現(xiàn)方法如代碼單17-1所示，請(qǐng)注意加粗的文字。17-1 <title> <metahttp-equiv="content-type"<!- //獲 }--<form文件中的信 Mesaage. ：<inputtype="text" ：<inputtype="password" <inputtype="button"value=" <inputtype="button"""上述代碼為光 里“代碼\第17章\sample01.htm”的內(nèi)容，本例的關(guān)鍵知識(shí)點(diǎn) 】按鈕時(shí)，調(diào)用set 和框中的文字，然后使用以下代碼添加一個(gè)。..=， ， ..=單擊【】按鈕時(shí)，調(diào)用get 獲取文件中的所有信息。Mesaage. 17-1sample01htm一直存在，同一上的其他網(wǎng)頁(yè)也可以該。代碼17-2就是一段內(nèi)容的代碼，請(qǐng)注意加粗的文字。<metahttp-equiv="content-type"<!-17-if{Mesaage.; }{-}--上述代碼為光盤里“代碼\17章\sample02.htmsample01.htm的瀏覽器窗口而且還沒有關(guān)閉，那么該文件可以sample01.htm文件所創(chuàng)建的，如圖17-2所示。如果打開sample01.htm的瀏覽器窗口已經(jīng)關(guān)閉，則該文件的17-2sample01htm17-3sample01htm精確. .對(duì)象中的一些方法。在圖17-2中，整個(gè)文件中的內(nèi)容如下所示： . .如果要獲得某個(gè)的值，可以使用String對(duì)象的substring()方法來(lái)截取該要獲得某個(gè)指定的值，就必須要獲得值的開始和結(jié)束位置。由于值是不固定的，而名是固定的，所以可以先獲得名的開始位置，以的長(zhǎng)度再加上1（即加上了“=”的位置）的方法來(lái)獲得值的開始位置。用String對(duì)象的substring()方法來(lái)截取值。 第一個(gè)“;”出現(xiàn)的位置就是值的結(jié)束位置。是整個(gè)內(nèi)容的最后位置，可以通過(guò)內(nèi)容的長(zhǎng)度來(lái)獲得該結(jié)束位置。最后使用String對(duì)象的substring()方法來(lái)獲得的值代碼17-3顯示了如何精確的值，請(qǐng)注意加粗的文字<title>精值<metahttp-equiv="content-type"<!- {varuserName=varuserPassword=//添加或修改第一 ， 名 UserName，17-3值值值//該位置名的長(zhǎng)度，再加上//號(hào)的長(zhǎng)度，即名的位置加文件內(nèi)容中的位//查{if//的//-NameIndex文件內(nèi)容中的名在整//查var//設(shè)置返{..(. 為elseif 為//Value=function名NameValue的}}"Value={}"Value={if值//Value=;Mesaage//{function}=//=.//文文件內(nèi)容中找ValueBeginIndexValueBeginIndex值名的位置開始到第一個(gè)“;”為//該位置為文件內(nèi)容中的位//查Name.length+NameIndexVlaueEndIndex////沒有找到“;”，那 值的結(jié)束位置就是整if VlaueEndIndex==-{ }值Value=}//返 return }--<form：<inputtype="text"：<inputtype="password"<inputtype="button"value="<inputtype="button""" <inputtype="button"value=" 上述代碼為光盤里“代碼\17章\sample03.htm”的內(nèi)容。本例修改了代碼為單擊【中的】按鈕后的結(jié)果。17-4sample03htm通過(guò)數(shù)組 除了使用17.2.3小節(jié)中的方法值之外，還可以使用數(shù)組的方法來(lái)值。再看一下在圖17-2中，整個(gè) 從以上代碼中可以看出，一個(gè)文件中，將不同的使用“;”號(hào)作為分隔符進(jìn)行分隔（分號(hào)后還有一個(gè)空格。而每個(gè)中，使用“=”作為分隔符，“”左側(cè)是名，“”右側(cè)是值。那么String對(duì)象的split()方法，可以很容易 Arr[0]Arr[0]=Arr[1]= 從以上代碼中可以看出，數(shù)組中的每一個(gè)元素都包括了名和值， 這次分割可以使用split(“=”)方法。然后得到一個(gè)二維數(shù)組，如以下代碼所示：myArr[0][0]myArr[0][0]=myArr[0][1]=myArr[1][0]="myArr[1][1]=最后，可能通過(guò)循環(huán)來(lái)判斷myArr[i][0]的值是否與名的值相同，如果相同，那么myArr[i][1]的值就是的值。其具體實(shí)現(xiàn)過(guò)程如代碼17-4所示，請(qǐng)注意加粗的- varuserName=varuserPassword=.= 17-4精值..(Mesaage 為elseif 為//Value=Value.split(";//for(var名for(var if值////{值}sValue[i]=alue//vartempArr值////{名//sValue=new值名s////使用“;var{function名NameValue的}}"Value={}"Value={if值//Value=;.//{function}={{Value}}return }--<form：<inputtype="text"：<inputtype="password"<inputtype="button"value="<inputtype="button""" <inputtype="button"value=" 上述代碼為光 里“代碼\第17章\sample04.htm”的內(nèi)容。本例修改了代17-3中的代碼，使用數(shù)組的方式來(lái)精確的值，其運(yùn)行結(jié)果與sample03.htm的以上章節(jié)中介紹的默認(rèn)為：只要關(guān)閉瀏覽器窗口就失效、只有與創(chuàng)建的網(wǎng)頁(yè)在同一虛擬或子虛擬下的網(wǎng)頁(yè)才能、不能跨域和使用明碼傳輸?shù)摹５纳嫫?，也稱為的有效期或失效期，即可以保持的時(shí)間。在默認(rèn)情況下，在瀏覽器窗口關(guān)閉的時(shí)候會(huì)自動(dòng)失效，不能再被，但可以通過(guò)expires來(lái)設(shè)置的生存期。其語(yǔ)法代碼如下所示：..="name=value;Wdy,DD-Mon-YYHH:MM:SS DD：使用兩位數(shù)字表示的日期YY：使用兩位數(shù)字表示的年份HH：使用兩位數(shù)字表示的小時(shí)MM：使用兩位數(shù)字表示的分鐘SS：使用兩位數(shù)字表示的秒數(shù)<title>設(shè)的有效期<metahttp-equiv="content-type"<form：<inputtype="text"：<inputtype="password"<inputtype="button"value="設(shè)<inputtype="button"""<!-//獲if({文件中的信Mesaage=.; 中沒有任何信息}{中的信息為}//設(shè)function{varuserName=varuserPassword=//獲取當(dāng)varexpiresDate=new//設(shè)置生存期，一天后過(guò)17-5expiresDate.setDate(expiresDate.getDate()expiresDate.setDate(expiresDate.getDate()+=" = }function{}Mesaage;--..上述代碼為光盤里“代碼\17章\sample05.htm”的內(nèi)容，該代碼改自代碼17-1，在設(shè)置時(shí)添加了expires，即的生存期。第一次運(yùn)行本例時(shí)，其運(yùn)行結(jié)果如圖17-5所示。從圖17-5中可以看出，獲取的內(nèi)容為空。在文本框和框中輸入內(nèi)容之后，單擊【設(shè)置】按鈕，可以添加兩個(gè)，并且在中設(shè)置17-6所示。從圖17-6中可以看出，即使沒有重新設(shè)置，其內(nèi)容還是存在。17-5sample05.htm圖17-6設(shè) 注意只能創(chuàng)建不能刪除，如果想刪除一個(gè)，可以將其生存期設(shè)置成一個(gè)即使已經(jīng)失效，但是文件不會(huì)被立即刪除?？梢酝ㄟ^(guò)第軟件來(lái)查看文件中的內(nèi)容，也可以通過(guò)修改時(shí)間的方法來(lái)查看文件中的內(nèi)容。因此，如果要?jiǎng)h除一個(gè)，除了設(shè)置失效時(shí)間之外，應(yīng)該還要使用一個(gè)無(wú)效的值來(lái)覆蓋原有的值。通常都是由一個(gè)網(wǎng)頁(yè)所創(chuàng)建，但并不是只有創(chuàng)建的網(wǎng)頁(yè)才可以該，如sample01.htm所創(chuàng)建的就可以被sample02.htm所。出于安全方面的考慮，不是所有網(wǎng)頁(yè)都可以隨意。在默認(rèn)情況下，只有與創(chuàng)建的網(wǎng)頁(yè)在同一個(gè)虛擬或子虛擬下的網(wǎng)頁(yè)才可以該。假設(shè)有一個(gè)是 下的所有文件都可以該，如以下幾個(gè)網(wǎng)頁(yè)。 下的文件不可以該，如以下幾個(gè)如果想要讓虛擬 的父級(jí)和父級(jí)以上 下的文件可以當(dāng)前文件所創(chuàng)建的，那么就需要設(shè)置的路徑。其語(yǔ)法代碼如下所示：...="name=value; ="name=value; 其中path為的路徑，其具體實(shí)現(xiàn)過(guò)程如代碼17-6所示，請(qǐng)注意加粗的<title><metahttp-equiv="content-type"<!- 17-6創(chuàng)建functionfunction{varuserName=varuserPassword=..==設(shè)置完畢}function{}Mesaage=.;--<form：<inputtype="text"：<inputtype="password"<inputtype="button"value="<inputtype="button"""上述代碼為光盤里“代碼\第17章\\sample06.htm”的內(nèi)容，在本例中使用以下語(yǔ)句創(chuàng)建了兩個(gè)。.="UserName="+userName+.="因此，只有和該文件在同一個(gè)或子下的文件才可以該。代碼17-7為的代碼，請(qǐng)注意加粗的文字。 7<metahttp-equiv="content-type"<!- Mesaage.內(nèi)容為;----為了讓讀者有一個(gè)直觀的理解，光盤里“代碼\第17章\read 碼\第17章 .htm”的內(nèi)容都是以上代碼。先運(yùn)行代碼17-6，設(shè)，再運(yùn)行代碼17-7，其運(yùn)行結(jié)果如圖17-7所示圖17- 從圖17-7中可以看出，sample06.htm文件創(chuàng)建了兩個(gè)，其中一個(gè)沒有設(shè)置路徑，而另一個(gè)設(shè)置了路徑。因此，和sample06.htm文件在同一個(gè)中的read.htm文件可以兩個(gè)的內(nèi)容，而位于sample06.htm文件父級(jí)中的read.htm文件只能一個(gè)的內(nèi)容。使用的路徑只能解決不同虛擬下文件的問(wèn)題，但不能解決不同域之下文件互相的問(wèn)題。例如， 下文件創(chuàng)建的就 下的文件。如果想要讓不同域中的文件互相，就必須要設(shè)置的域，其語(yǔ)法代碼如下所示：..="name=value;="其中，為的域。其具體實(shí)現(xiàn)過(guò)程如代碼17-8所示，請(qǐng)注意加粗的的域<metahttp-equiv="content-type"<!-function {varuserName=varuserPassword=.";path=/.==UserName="+userName+設(shè)置完畢}function{}Mesaage=.;--<form：<inputtype="text"：<inputtype="password"<inputtype="button"value="<inputtype="button""" 8上述代碼為光盤里“代碼\17章\sample07.htm”的內(nèi)容。在本例中，使用以下代碼創(chuàng)建了兩個(gè)。 =.=其中，名為UserName的設(shè)置了域?yàn)椤? ”的域中都可以。為了便于讀者的理解，將sample07.htm上傳 /BookSupport/jsCode/17/”虛擬下，其URL為“ “ .htm”。在/”中的默認(rèn)文件也是一個(gè)可以的文件。這幾個(gè)文件的情況如圖17-8所示?！皥D17-8的情“從圖17-8中可以看出，read .htm文件可以兩個(gè)的值，而 /”只能名為UserName的的值，這是因?yàn)橹挥性撛O(shè)置了域，只要域?yàn)椤? ”的文件都可以該?！?通常信息在網(wǎng)絡(luò)中傳輸時(shí)，都是采用普通的、不加密的HTTP傳輸方法，這種傳協(xié)議進(jìn)行傳輸，如HTTPS等。在中設(shè)置secure，就可以要求瀏覽器使用加密的傳輸協(xié)議傳輸。如果傳輸協(xié)議不是加密協(xié)議，那么該將不會(huì)被傳輸。secure的語(yǔ)..="name=value;的安全性<metahttp-equiv="content-type"<!-function {varuserName=varuserPassword= 9...=UserName="+userName=設(shè)置完畢}function{}Mesaage=;--<form：<inputtype="text"：<inpu