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

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

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
用JavaScript操作Cookie

Web 服務器和 HTTP 服務器是無狀態(tài)的，因此當 Web 服務器將網(wǎng)頁發(fā)送到瀏覽器時，連接會被斷開，服務器會忘記與用戶相關的所有內(nèi)容。

專注于為中小企業(yè)提供做網(wǎng)站、網(wǎng)站建設服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)西秀免費做網(wǎng)站提供優(yōu)質(zhì)的服務。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了1000+企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設實現(xiàn)規(guī)模擴充和轉變。

那么瀏覽器和 Web 服務器是怎樣記住用戶信息的?cookie 被發(fā)明出來解決這個問題。

當用戶訪問網(wǎng)頁時，他們的名字、唯一 ID 或其他任何信息都可以存儲在瀏覽器的 cookie 中。當用戶下次又回到網(wǎng)頁時，cookie 將記住他們的名字或唯一 ID。

Cookie 只是存儲在計算機瀏覽器中的小型文本文件。它們包含以下數(shù)據(jù)：

  • 保存數(shù)據(jù)的 Name-value 對
  • 日期到期時，該 cookie 失效
  • 應將其發(fā)送到的服務器的域和路徑

而cookie也有一些值得一提的限制：

  • 每個cookie的最大為 4096 字節(jié)
  • 每個域最多20個cookie(每個瀏覽器略有不同)
  • Cookie是其自己的域名專用的(網(wǎng)站無法讀取其他域的 Cookie，只能是它自己的)
  • 大小限制適用于整個cookie，而不僅僅是它的值

在瀏覽器中，cookie通過 DOM 被公開為 document.cookies。

下面我們將介紹如何用 JavaScript 在瀏覽器中設置、獲取、更新和刪除 Cookie 數(shù)據(jù)。

Create Cookies

用 JavaScript 在瀏覽器中設置 cookie 非常簡單!我將在下面向你展示。

(1) 設置 Cookie

以下是在瀏覽器中用 JavaScript 創(chuàng)建新 cookie 的執(zhí)行代碼：

 
 
 
    
  
  
  
  1. document.cookie = "userId=nick123" 
    2.

運行該代碼后，打開瀏覽器，你應該能在開發(fā)者工具的 Application(Safari 或Chrome)或 Storage(Firefox)中找到該 cookie。

(2) 設置 cookie 的過期時間

你還可以向 Cookie 中添加過期時間(UTC)，告知瀏覽器應該在什么時候將其刪除：

 
 
 
    
  
  
  
  1. document.cookie = "userId=nick123; expires=Wed, 15 Jan 2020 12:00:00 UTC" 
    2.

(3) 設置一個 Cookie 路徑

你還可以告訴瀏覽器 cookie 所屬的路徑(默認值是當前頁面的路徑)：

 
 
 
    
  
  
  
  1. document.cookie = "userId=nick123; expires=Wed, 15 Jan 2020 12:00:00 UTC; path=/user" 
    2.

(4) 設置 cookie 域

我們將介紹的最后一段數(shù)據(jù)是 cookie 所屬的域(默認為當前域)：

 
 
 
    
  
  
  
  1. document.cookie = "userId=nick123; expires=Wed, 15 Jan 2020 12:00:00 UTC; path=/user; domain=mysite.com" 
    2.

Read Cookies

通過 document.cookie 對象，用 JavaScript 讀取 cookie 也非常簡單：

(1) 讀取單個頁面所有的 Cookie

將單個頁面的所有 cookie 作為字符串獲取，每個 cookie 用分號分隔：

 
 
 
    
  
  
  
  1. const cookies = document.cookie 
    2.

(2) 讀取具有特定名稱的Cookie

要訪問具有特定名稱的 cookie，我們需要獲取頁面上所有的 cookie 并解析字符串，然后查找我們想要尋找的 cookie 名稱的匹配項。

這是一個用正則表達式完成此任務的函數(shù)：

 
 
 
    
  
  
  
  1. function getCookieValue(name) { 
    2. 
  
  
  
  2.   let result = document.cookie.match("(^|[^;]+)\\s*" + name + "\\s*=\\s*([^;]+)") 
    3. 
  
  
  
  3.   return result ? result.pop() : "" 
    4. 
  
  
  
  4. } 
    5.

你這樣使用該函數(shù)：

 
 
 
    
  
  
  
  1. getCookieValue("userId") //returns nick123 
    2.

這將返回與提供給函數(shù)的 name 參數(shù)對應的字符串值。

如果你還沒有掌握正則表達式，還有另一個同樣功能的函數(shù)：

 
 
 
    
  
  
  
  1. function getCookieValue(name) { 
    2. 
  
  
  
  2.   const namenameString = name + "=" 
    3. 
  
  
  
  3.    
    4. 
  
  
  
  4.   const value = document.cookie.split(";").filter(item => { 
    5. 
  
  
  
  5.     return item.includes(nameString) 
    6. 
  
  
  
  6.   }) 
    7. 
  
  
  
  7.    
    8. 
  
  
  
  8.   if (value.length) { 
    9. 
  
  
  
  9.     return value[0].substring(nameString.length, value[0].length) 
    10. 
  
  
  
  10.   } else { 
    11. 
  
  
  
  11.     return "" 
    12. 
  
  
  
  12.   } 
    13. 
  
  
  
  13. } 
    14.

用相同的方法使用該函數(shù)：

 
 
 
    
  
  
  
  1. getCookieValue("userId") //returns nick123 
    2.

Update Cookies

你可以通過創(chuàng)建的方式用新值覆蓋 cookie 來更改它的值。

你可以用此代碼覆蓋本文前面創(chuàng)建的 cookie "userId" ：

 
 
 
    
  
  
  
  1. document.cookie = "userId=new_value" 
    2.

當你再次運行 getCookieValue 函數(shù)時，將返回新值：

 
 
 
    
  
  
  
  1. getCookieValue("userId") //returns new_value 
    2.

Delete Cookies

你可以給 cookie 設置一個空值，并將其過期日期設置為過去的任意時間來刪除 cookie。

如果我們想要刪除前面例子的 cookie "userId" ，請按以下步驟操作：

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

很簡單吧?


文章名稱：用JavaScript操作Cookie
網(wǎng)頁地址：http://m.5511xx.com/article/dpocehs.html