html5中的Web Storage知識儲備

2021-07-22 07:03:29 字數 940 閱讀 5261

1.html5中的web storage包括了兩種儲存方式:sessionstorage和localstorage。

sessionstorage用於本地儲存乙個會話(session)中的資料,這些資料只有在同乙個會話中的頁面才能訪問並且當會話結束後資料也隨之銷毀。

因此sessionstorage不是一種持久化的本地儲存,僅僅是會話級別的儲存。而localstorage用於持久化的本地儲存,除非主動刪除資料,否則資料是永遠不會過期的。

5..web storage方法

setitem儲存value

用途:將value儲存到key欄位

用法:.setitem( key, value)

**示例:

sessionstorage.setitem("key", "value"); 

localstorage.setitem("site", "js8.in");

getitem獲取value

用途:獲取指定key本地儲存的值

用法:.getitem(key)

**示例:

var value = sessionstorage.getitem("key"); 

var site = localstorage.getitem("site");

removeitem刪除key

用途:刪除指定key本地儲存的值

用法:.removeitem(key)

**示例:

sessionstorage.removeitem("key");

localstorage.removeitem("site");

clear清除所有的key/value

用途:清除所有的key/value

用法:.clear()

**示例:sessionstorage.clear();

localstorage.clear();

Html5中拖放API與WebStorage

任何元素都能夠拖放,並且支援瀏覽器與其他應用程式之間的資料的互相拖放,同時大大簡化了拖放方面的相關 將想要拖放的物件元素的draggable屬性設為true,另外img與a元素預設允許拖放 編寫與拖放相關的事件處理 1 在目標元素內移動 dragover 將拖放元素放置到目標元素內 2 通過gete...

HTML5中的sessionStorage使用示例

sessionstorage作為html5的web storage的兩種儲存方式之一。用於本地儲存乙個會話 session 中的資料,這些資料只有在同乙個 會話中的頁面才能訪問並且當會話結束後資料會被銷毀。不是一種持久化的本地儲存。會話級的儲存。1 介面 sessionstorage.getitem...

html5中的表單

1 form id aform action reg.php 2 p 請填寫表單內容以完成註冊!p 34 fieldset 5 legend legend 6 label for name 姓名 label 7 input id name placeholder ye feng autofocus ...