H5的本地存儲

若是從軟件開發存儲 來分類的話 分爲: 服務端存儲和 客戶端存儲

服務端存儲: 數據庫 回話存儲

客戶端存儲: cookie localStorage 和 sessionStorage

cookie

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