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

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

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