h5新增加的儲存方法

2021-08-30 19:42:42 字數 1308 閱讀 7516

h4中使用的cookie把使用者資訊儲存在客戶端瀏覽器,但是它受到很多限制。

大小:最多能儲存4k

頻寬:它是隨著http請求一起傳送到伺服器的,因此浪費一部分的頻寬。

複雜度:操作複雜。

h5新增加了一種在客戶端本地儲存資料的方法 webstorange,分兩種形式sessionstorage和localstorage

sessionstorage:將資料儲存在session物件中。所謂session,是指使用者在瀏覽某個**時,從進入**到瀏覽器關閉所經過的這段時間,session物件可用來儲存在這段時間內所要求儲存的任何資料

localstorage:將資料儲存在客戶端本地的硬體裝置中,即使瀏覽器關閉了,該資料仍然存在,下次開啟瀏覽器訪問**時仍然可用 區別:sessionstorage為臨時儲存,localstorage為永久儲存。

sessionstorage 臨時儲存用一視窗的資料 關閉視窗時會刪除資料

存的兩種方式

一setitem()方法儲存:sessionstronge.setitem("test","測試")

二通過屬性方式儲存: sessionstronge["test"]="測試";

取 一getitem()方法取:sessionstronge.getitem()

二屬性方法取:sessionstronge["test"]

銷毀sessionstronge.clear()

可儲存json格式資料 轉換成json格式字串格式儲存

var obj=

sessionstronge.setitem("test",json.stringify(obj));

localstorange用來作為本地存貯,解決了session儲存空間不夠的問題

訪問當前網域名稱,關閉當前網域名稱再次開啟會存在

缺陷:高版本支援 ie8以上支援(以下用userdata)

不能被爬蟲獲取

瀏覽器隱私模式下是不可取的

儲存內容過多會是頁面變卡

存 var storage=window.localstorange;

storange.setitem("test",3);

取 storange.getitem("test");

全部刪除

storange.clear();

刪除某乙個

storange.removeitem("test");

h5 新增屬性

預設提示內容 placeholder 多輸入,多提交 multiple 支援乙個域中多輸入,逗號隔開,一般配合郵箱和url型別使用 自動獲取焦點,頁面載入,自動獲取焦點游標 autofocus 防止空提交 required 允許輸入的最小字元數和最大字元數 minlength 允許輸入的最小字元長度...

H5新增屬性

doctype html en utf 8 viewport content width device width,initial scale 1.0 document title cursor pointer 出現小手 button 屬性選擇器使用方法 相當於交集選擇器,即表示既有button屬性...

H5新增表單

新增表單型別如下 屬性值說明type email 限制使用者輸入必須為email型別 type url 限制使用者輸入必須為url型別 type date 限制使用者輸入必須為日期型別 type time 限制使用者輸入必須為時間型別 type month 限制使用者輸入必須為月型別 type we...