亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

了解 Javascript 中的本地存儲和 Cookie

了解 Javascript 中的本地存儲和 Cookie

嚕嚕噠 2023-09-25 16:48:54
我的頁面上有一個表單,其中包含文本框、單選按鈕和下拉菜單,用于詢問有關學生的問題。從這些選項中選擇的選項稍后將用于制作包含每個學生內容的 div。我的指示說將列表保存到本地存儲。我對這到底意味著什么感到困惑。我試著查了一下,餅干不斷出現。我認為這是兩件不同的事情。我對本地存儲的概念感到困惑。我在 Google 和 Stack 上搜索過這個內容,并閱讀了我能找到的與這些主題相關的內容。我認為我需要以簡單的方式解釋這一點,而不是閱讀教科書定義或人們提出的有關 cookie 和本地存儲的代碼問題的答案。有人可以解釋一下這兩個主題嗎?Cookie 和本地存儲是同一件事嗎?我不確定其他語言是否有所不同,但我正在使用JavaScript。
查看完整描述

2 回答

?
UYOU

TA貢獻1878條經驗 獲得超4個贊

localStorage是瀏覽器提供的API,允許您讀取和寫入數據。您可以將其想象為一個大型 JavaScript 對象,在不同的鍵下存儲數據值。使用它很容易:(localStorage.setItem(key, value)對于某些鍵和值,例如localStorage.setItem('test', 23))寫入值并localStorage.getItem(key)讀取/訪問該值。

Cookie 是通過 API 訪問的document.cookie。document.cookie還使用鍵和值對(cookie)來存儲數據;然而,讀取和寫入cookie的方法是不同的。要創建新的 cookie,您需要輸入document.cookie = "key=value"(對于某些鍵和值,例如document.cookie = "test=23")。要查看所有 cookie,請輸入document.cookie,這會將所有 cookie 吐出為一串鍵和值,并用分號分隔(例如"test=23; someOtherKey=59")。不幸的是,這使得讀取 cookie 值比使用 ; 更困難一些localStorage。獲取單個鍵的值的最簡單方法是使用正則表達式,這是一種用于匹配文本的特定模式。

就如何使用它們而言,它們的相似之處在于它們都用于存儲數據。但cookie主要是隨頁面一起從服務器發送到瀏覽器的;localStorage相比之下,只能通過瀏覽器中的 JavaScript 代碼訪問。

希望這可以幫助!

查看完整回答
反對 回復 2023-09-25
?
烙印99

TA貢獻1829條經驗 獲得超13個贊

Cookie 和本地存儲不是同一件事。

餅干

Cookie 是包含對網站有用的信息的小文件,例如密碼、偏好設置、瀏覽器、IP 地址、訪問日期和時間等。每次用戶加載網站時,瀏覽器都會將 Cookie 發送回服務器通知網站用戶之前的活動。Cookie 具有由其創建者定義的特定生命周期,并且在固定的時間周期后過期。

本地存儲

localStorage 屬性允許您訪問文檔來源的存儲對象;存儲的數據跨瀏覽器會話保存。這意味著在您將其刪除之前它不會被清除。換句話說,localStorage 沒有過期時間。

添加數據到localStorage

localStorage.setItem('myCat', 'Tom');

除去項目

localStorage.removeItem('myCat');

刪除所有項目

localStorage.clear();

另外,還有一個東西叫做sessionStorage。這與 localStorage 相同,但數據僅存儲到瀏覽器會話關閉為止。


查看完整回答
反對 回復 2023-09-25
  • 2 回答
  • 0 關注
  • 124 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號