日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間：8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
一篇文章帶你了解JavaScript cookies

Cookies 讓你在網(wǎng)頁中存儲用戶信息。

成都創(chuàng)新互聯(lián)專注于范縣企業(yè)網(wǎng)站建設,響應式網(wǎng)站設計,商城系統(tǒng)網(wǎng)站開發(fā)。范縣網(wǎng)站建設公司,為范縣等地區(qū)提供建站服務。全流程按需求定制設計，專業(yè)設計，全程項目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務

一、什么是Cookies?

Cookie是數(shù)據(jù)，存儲在小文本文件中，在計算機上。

當Web服務器向瀏覽器發(fā)送網(wǎng)頁時，連接被關閉，服務器會忘記用戶的一切。Cookie是為了解決“如何記住用戶信息”而發(fā)明的。

  
 
 
 
       
  
  
  
  1. 當用戶訪問網(wǎng)頁時，他的名字可以存儲在cookie中。 
    2.    
  
  
  
  2.  
    3.    
  
  
  
  3. 下次用戶訪問頁面時，cookie“記住”他的名字。 
    4.

Cookie保存在名稱值(name:value)對中。

  
 
 
 
       
  
  
  
  1. username = John Doe 
    2.

當瀏覽器從服務器請求一個網(wǎng)頁時，將屬于該頁的cookie添加到該請求中。這樣服務器就獲得了必要的數(shù)據(jù)來“記住”用戶的信息。

二、使用JavaScript創(chuàng)建一個Cookie

JavaScript可以創(chuàng)建、讀取、刪除cookie，用document.cookie屬性。

使用JavaScript，Cookie可以像這樣創(chuàng)建:

  
 
 
 
       
  
  
  
  1. document.cookie = "username=John Doe"; 
    2.

可以添加一個到期日期(UTC時間)。默認情況下，在瀏覽器關閉時刪除cookie:

  
 
 
 
       
  
  
  
  1. document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC"; 
    2.

使用路徑參數(shù)，您可以告訴瀏覽器cookie屬于什么路徑。默認情況下，cookie屬于當前頁。

  
 
 
 
       
  
  
  
  1. document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/"; 
    2.

三、使用JavaScript讀一個cookie

使用JavaScript，cookie可以這樣讀取。

  
 
 
 
       
  
  
  
  1. var x = document.cookie; 
    2.

document.cookie 將返回所有cookie在一個字符串。像: cookie1=value; cookie2=value;cookie3=value;

四、使用JavaScript更改cookie

使用JavaScript, 你可以修改cookie，像使用創(chuàng)建它的方法一樣。

  
 
 
 
       
  
  
  
  1. document.cookie = "username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/"; 
    2.

舊的cookie被覆蓋。

五、使用JavaScript刪除Cookie

刪除cookie非常簡單。

刪除cookie時不必指定cookie值，只需將過期參數(shù)設置為已過期的日期。

  
 
 
 
       
  
  
  
  1. document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; 
    2.

應該定義cookie路徑以確保刪除正確的cookie。如果不指定路徑，一些瀏覽器不會讓你刪除cookie。

六、JavaScript Cookie 實例

將創(chuàng)建一個cookie來存儲訪問者的名稱，訪客第一次到達網(wǎng)頁時，會要求他填寫姓名。然后將該名稱存儲在cookie中。

下次訪客到達同一頁時，他會收到一封歡迎消息。

1. 設置cookie值

首先，創(chuàng)建一個函數(shù)，將訪問者的名字存儲在cookie變量中。

  
 
 
 
       
  
  
  
  1. function setCookie(cname, cvalue, exdays) { 
    2.    
  
  
  
  2.     var d = new Date(); 
    3.    
  
  
  
  3.     d.setTime(d.getTime() + (exdays*24*60*60*1000)); 
    4.    
  
  
  
  4.     var expires = "expires="+ d.toUTCString(); 
    5.    
  
  
  
  5.     document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; 
    6.    
  
  
  
  6. } 
    7.

函數(shù)解析:

上面函數(shù)的三個參數(shù)分別是：cookie的名稱(cname)，cookie的值(cvalue)，還有cookie過期的天數(shù)。

函數(shù)根據(jù)參數(shù)創(chuàng)建cookie并設置過期參數(shù)。

2. 獲得cookie值

然后，創(chuàng)建一個函數(shù)返回指定cookie的值:

  
 
 
 
       
  
  
  
  1.  
    2.

3. 函數(shù)檢查cookie值

最后，創(chuàng)建檢查cookie是否設置的函數(shù)。

如果cookie被設置，它將顯示一個問候。

如果沒有設置Cookie，它會顯示一個提示框，詢問用戶的名字，通過調用setCookie函數(shù)，并存儲用戶名cookie365天。

  
 
 
 
       
  
  
  
  1. function checkCookie() { 
    2.    
  
  
  
  2.     var username = getCookie("username"); 
    3.    
  
  
  
  3.     if (username != "") { 
    4.    
  
  
  
  4.         alert("Welcome again " + username); 
    5.    
  
  
  
  5.     } else { 
    6.    
  
  
  
  6.         username = prompt("Please enter your name:", ""); 
    7.    
  
  
  
  7.         if (username != "" && username != null) { 
    8.    
  
  
  
  8.             setCookie("username", username, 365); 
    9.    
  
  
  
  9.         } 
    10.    
  
  
  
  10.     } 
    11.    
  
  
  
  11. } 
    12.

兩者合在一起效果展示。：

七、總結

本文基于JavaScript 基礎。主要介紹了瀏覽器中的cookies應該如何去調用，如何去創(chuàng)建自己的cookies,(設置cookies 獲取cookies。檢查cookies)等等一系列常見的問題都做了詳細的講解。

希望能夠幫助讀者更好的學習。

本文轉載自微信公眾號「前端進階學習交流」，可以通過以下二維碼關注。轉載本文請聯(lián)系前端進階學習交流公眾號。


當前文章：一篇文章帶你了解JavaScript cookies
本文網(wǎng)址：http://www.5511xx.com/article/dpdjppp.html