HTML5 网页另存为,HTML5之网页存储

span >

二、删除localStorage

要想删除某一条localStorage数据，可以调用removeItem方法或者delete属性进行删除。

window.localStorage.removeItem( userdata

delete window.localStorage.userdata;

delete.window.localStorage[ userdata

要想删除全部的localStorage数据，可以使用clear()方法。

localStorage.clear();

!DOCTYPE html

html

head

title 网页存储localStorage /title

script type= text/javascript

function onLoad(){

if(typeof(Storage)== undefined ){

alert( Sorry！你的浏览器不支持Web Storage

else{

btn_save.addEventListener( click ,saveToLocalStorage);

btn_load.addEventListener( click ,loadFromLocalStorage);

btn_clear.addEventListener( click ,clearLocalStorage);

function saveToLocalStorage(){

localStorage.username = inputname.value;

function loadFromLocalStorage(){

show_LocalStorage.innerHTML = localStorage.username+ 你好，欢迎来到我的网站！

function clearLocalStorage(){

strong localStorage.clear(); /strong

show_LocalStorage.innerHTML = localStorage.username;

/script

/head

body οnlοad= onLoad()

请输入你的姓名： input type= text id= inputname value= / br/

p id= show_LocalStorage /p br /

button id= btn_save 存储到localStorage /button

button id= btn_load 从localStorage读取数据 /button

button id= btn_clear 清除localStorage数据 /button

/body

/html

三、访问sessionStorage

存储

window.sessionStorage.setItem(key,value);

window.sessionStorage [key] = [value];

window.sessionStorage.key= value;

读取

var v = window.sessionStorage.getItem(key);

var v = window.sessionStorage [key];

var v = window.sessionStorage.key;

清除

window.sessionStorage.removeItem(key);

delete window.sessionStorage.key;

delete window.sessionStorage [key];

//全部清除

sessionStorage.clear();span >

注：JavaScript里的运算符“+”不仅可以数字相加还可以字符串相加。例如 123 +456= 123456

上例中localStorage.counter++;如果改成localStorage.counter = localStorage.counter +1;就会出现”11111......“

JavaScript将字符串转换成为数字可以用Number()方法，localStorage.counter =Number(localStorage.counter )+1;

以上就是HTML5之网页存储 的详细内容，html教程