如果從軟件開發存儲 來分類的話 分為: 服務端存儲和 客戶端存儲
服務端存儲: 數據庫 回話存儲
cookie是將數據持久存儲到客戶端的一種技術
設置cookie
setcookie(var1,var2,var3)
參數:
var1 cookie的名稱
var2 名稱對應的值,可選參數
var3 cookie的有效時間
讀取cookie
document.cookie
cookie: 如果沒有設置有效期, 關閉瀏覽器就會消失. 如果設置了有效期到了有效期才會消失
存儲大小: 4kb 左右
有效范圍: 只能在自己的域名下有效
發送請求: 攜帶
使用方式: document.cookie = '鍵=值;Expires = '+ 有效期;
localStorage
有效期: 永久有效, 不去主動的刪除 一直存在
存儲大小: 20mb
有效范圍: 只能在自己的域名下有效
發送請求: 不攜帶
使用方式:
window.localStorage
保存數據(key 要保存的鍵 value 要保存的值)
localStorage.setItem('key', 'value')
讀取數據(key 要讀取的數據)
var lastname = localStorage.getItem('key')
刪除數據(key 要刪除的數據)
localStorage.removeItem('key')
刪除所有數據
localStorage.clear()
sessionStorage
有效期: 關閉瀏覽器就會消失
存儲大小: 5mb左右
有效范圍: 只能在自己的域名下有效 同一個頁簽下有效
發送請求: 不攜帶
使用方式:
window.sessionStorage
保存數據
sessionStorage.setItem('key','value)
讀取數據:
sessionStorage.getitem('key')
刪除指定鍵的數據
sessionStorage.removeItem('key')
刪除所有數據
sessionStorage.clear()
localStorage 和 sessionStorage 屬性允許在瀏覽器中存儲 key/value 對的數據。
localStorage 用於長久保存整個網站的數據，保存的數據沒有過期時間，直到手動去刪除。
sessionStorage 用於臨時保存同一個窗口或者標簽頁的數據, 在窗口或者標簽頁關閉之后將會刪除這些數據
localStorage：本地存儲
用於長久保存整個網站的數據，保存的數據沒有過期時間，直到手動去刪除。屬性是只讀的。localStorage 只支持 string 類型的存儲，這里要特別說明一下 localStorage 的使用也是遵循同源策略的，所以不同的網站直接是不能共用相同的 localStorage。
使用范圍: 百度-->換膚 淘寶的歷史搜索記錄
sessionStorage本地存儲
sessionStorage 用於臨時保存同一個窗口(或者標簽頁)的數據, 在關閉窗口或者標簽頁之后將會刪除這些數據
提示: 如果你想在瀏覽器窗口關閉后還保留數據,可以使用 localStorage 屬性,該數據對象沒有過期時間,除非手動去刪除
location對象包含有關當前URL的信息
location對象是window對象的一部分,可通過window.location 屬性對其進行訪問
| 屬性 | 方法 | 獲取到的部分 |
| hash | 返回一個URL的錨部分 | #號后面的內容 |
| host | 返回一個URL的主機名和端口 | www.baidu.com |
| hostname | 返回URL的主機名 | |
| href | 返回完整的URL | |
| pathname | 返回的URL路徑名。 | |
| port | 返回一個URL服務器使用的端口號 | |
| protocol | 返回一個URL協議 | |
| search | 返回一個URL的查詢部分 |
1