首頁 web前端 js教程 sessionStorage 、localStorage、cookie

sessionStorage 、localStorage、cookie

Jul 03, 2017 pm 05:30 PM
cookie localstorage sessionstorage

 localStorage['鍵1']='值1'   同左 無 同左
 特性  cookie  localStorage  sessionStorage
 儲存  瀏覽器端,同源限制  # 瀏覽器端,同源限制   # 瀏覽器端,同源限制  
# 容量   <=4K  5M~10M  5M~10M
 傳送

 像web服務發起的請求中會

 在http header中有cookies  

# 內容

 不會傳送給伺服器  不會傳送給伺服器
 持久  可以設定逾時時間(expires)  永久,手動或程式碼清除  

# 視窗關閉即時清除

 就算是同源的不同視窗

 操作

 沒有操作方法,字串操作方式 

# 格式:"鍵=值;expires=時間" 

## 一套操作方法

 setItem(), getItem(),  

# removeItem(), clear()

 也可以

 事件

 setItem(), removeItem()  

# clear()呼叫後觸發onstorage  
 事件  
### ######

以上是sessionStorage 、localStorage、cookie的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

為什麼localstorage無法成功保存資料? 為什麼localstorage無法成功保存資料? Jan 03, 2024 pm 01:41 PM

儲存資料到localstorage為何總是失敗?需要具體程式碼範例在前端開發中,我們經常需要將資料儲存在瀏覽器端,以便提高使用者體驗和方便之後的資料存取。 Localstorage是HTML5提供的一項用於客戶端儲存資料的技術,它提供了一種簡單的方法來儲存數據,並且可以在頁面刷新或關閉後保持資料的持久化。然而,當我們使用localstorage進行資料儲存時,有時

電腦上的cookie在哪裡 電腦上的cookie在哪裡 Dec 22, 2023 pm 03:46 PM

電腦上的Cookie儲存在瀏覽器的特定位置,具體位置取決於使用的​​瀏覽器和作業系統:1、Google Chrome, 儲存在C:\Users\YourUsername\AppData\Local\Google\Chrome\User Data\Default \Cookies中等等。

設定localstorage項目的過期時間的方法 設定localstorage項目的過期時間的方法 Jan 11, 2024 am 09:06 AM

如何設定localstorage的過期時間,需要具體程式碼範例隨著網路發展的迅猛,前端開發中經常需要在瀏覽器中保存資料。而localstorage是一種常用的WebAPI,旨在提供了一種在瀏覽器中本地儲存資料的方式。然而,localstorage並沒有提供一個直接的方法來設定過期時間。本文將介紹如何透過程式碼範例來實現設定localstorage的過期時間。

手機cookie在哪裡 手機cookie在哪裡 Dec 22, 2023 pm 03:40 PM

手機上的Cookie儲存在行動裝置的瀏覽器應用程式中:1、在iOS裝置上,Cookie儲存在Safari瀏覽器的Settings -> Safari -> Advanced -> Website Data中;2、在Android裝置上,Cookie儲存在Chrome瀏覽器的Settings -> Site settings -> Cookies中等等。

恢復被刪除的Localstorage資料的方法有哪些? 恢復被刪除的Localstorage資料的方法有哪些? Jan 11, 2024 pm 12:02 PM

如何恢復已刪除的Localstorage資料? Localstorage是一種用於在網頁中儲存資料的技術。它被廣泛應用於各種網頁應用程式中,以便在多個頁面之間共享資料。然而,有時候我們可能會意外地刪除了Localstorage中的數據,這給我們帶來了困擾。那麼,該如何恢復被刪除的Localstorage資料呢?下面是具體的步驟和程式碼範例。步驟1:停止寫入Loca

利用localstorage儲存資料的步驟和注意事項 利用localstorage儲存資料的步驟和注意事項 Jan 11, 2024 pm 04:51 PM

利用localStorage儲存資料的步驟和注意事項本文主要介紹如何使用localStorage來儲存數據,並提供相關的程式碼範例。 LocalStorage是一種在瀏覽器中儲存資料的方式,它可以將資料保存在使用者的本機電腦上,而不需要透過伺服器。以下是使用localStorage儲存資料的步驟和需要注意的事項。步驟一:偵測瀏覽器是否支援LocalStorage

瀏覽器cookie的儲存位置詳解 瀏覽器cookie的儲存位置詳解 Jan 19, 2024 am 09:15 AM

隨著網路的普及,我們使用瀏覽器進行上網已經成為一種生活方式。在日常使用瀏覽器過程中,我們常會遇到需要輸入帳號密碼的情況,如網購、社交、郵件等。這些資訊需要瀏覽器記錄下來,以便下次造訪時不需要再次輸入,這時候Cookie就派上了用場。什麼是Cookie? Cookie是指由伺服器端發送到使用者瀏覽器上並儲存在本地的一種小型資料文件,它包含了一些網站的使用者行為

為何本地儲存無法正確保存資料? 為何本地儲存無法正確保存資料? Jan 03, 2024 pm 01:41 PM

localstorage為什麼無法正常儲存我的資料?在網路開發中,我們經常需要將使用者的資料保存在本地,以便在使用者下次造訪網站時能夠快速載入或復原資料。而在瀏覽器中,我們可以使用localStorage來實現這個功能。然而,有時候我們會發現使用localStorage儲存的資料並不能正常運作。那麼,為什麼會出現這種情況呢?在理解為什麼localStorage

See all articles