html5中localstorage,html 5中localstorage小结

1)

Java代码

HTML5 Web Storage

HTML5 Web Storage

Write Local Storage

Read Local Storage

Write Session Storage

Read Session Storage

Clear

HTML5 Web Storage

HTML5 Web Storage

Clear

2) 然后检查浏览器知否支持html 5的localstorage,比如:

Java代码

function check_support()

{

if(typeof(Storage) == "undefined")

{

alert("Sorry! No web storage support!");

return false;

}

return true;

}

function check_support()

{

if(typeof(Storage) == "undefined")

{

alert("Sorry! No web storage support!");

return false;

}

return true;

}

3) 写到localstorage,

Java代码

function write_local_storage()

{

if (check_support())

{

var persistObject = { 'Smith': 23, 'Kobi': 18, 'Alex': 32 };

localStorage.setItem('persist_data', JSON.stringify(persistObject));

}

function write_local_storage()

{

if (check_support())

{

var persistObject = { 'Smith': 23, 'Kobi': 18, 'Alex': 32 };

localStorage.setItem('persist_data', JSON.stringify(persistObject));

}

4) 读localstorage

Java代码

function read_local_storage()

{

if (check_support())

{

var storage = window.localStorage;

var retrievedObject = storage.getItem('persist_data');

var length = storage.length;

alert("Retrieving " + length + " item(s) from localstroage");

alert(retrievedObject);

}

}

function read_local_storage()

{

if (check_support())

{

var storage = window.localStorage;

var retrievedObject = storage.getItem('persist_data');

var length = storage.length;

alert("Retrieving " + length + " item(s) from localstroage");

alert(retrievedObject);

}

}

5 写session storage

Java代码

function write_session_storage()

{

if (check_support())

{

var sessionObject = { 'keycode': 111, 'passpharse': 222, 'id': 888 };

// Put the object into storage

sessionStorage.setItem('session_data', JSON.stringify(sessionObject));

}

}

function write_session_storage()

{

if (check_support())

{

var sessionObject = { 'keycode': 111, 'passpharse': 222, 'id': 888 };

// Put the object into storage

sessionStorage.setItem('session_data', JSON.stringify(sessionObject));

}

}

6 读session stage

Java代码

function read_session_storage()

{

if (check_support())

{

// Retrieve the object from storage

var storage = window.sessionStorage;

var retrievedObject = storage.getItem('session_data');

var length = storage.length;

alert("Retrieving " + length + " item(s) from localstroage");

alert(retrievedObject);

}

}

function read_session_storage()

{

if (check_support())

{

// Retrieve the object from storage

var storage = window.sessionStorage;

var retrievedObject = storage.getItem('session_data');

var length = storage.length;

alert("Retrieving " + length + " item(s) from localstroage");

alert(retrievedObject);

}

}

7 清除

function clear_data()

{

if (check_support())

{

localStorage.clear();

sessionStorage.clear();

}

}