JavaScriptのWeb Storage
5648 ワード
HTML 5に導入された非常に重要な機能は、クライアントにデータをローカルに格納することができ、機能はクッキーよりも強く、格納データ量もクッキーの4 KBよりはるかに大きく、公式にはウェブサイトごとに5 MBを提案し、一部のブラウザは10 MB以上をサポートすることができる.
2つの異なるタイプのセッションストアを含む:ブラウザが閉じた後にデータが失効するlocalStorage:データが永続的に有効
localStorageを書きます.変数名=値;var value=localStorageを読みます.変数名;以上の使用法では、変数名がJSネーミング仕様sessionStorageの使用法とlocalStorageと同じである必要があります.
書き込み:sessionStorage.name=“mike”; sessionStorage.pass=“123”; localStorage.name=“jerry”; localStorage.pass=“456”;
読み取り:var name_s=sessionStorage.name; var pass_s=sessionStorage.pass; var name_l=localStorage.name; var pass_l=localStorage.pass; ここでname、passはカスタム名であり、JavaScriptネーミング仕様に合致する限り、符号化する必要はありません.
length:格納されたキー値ペア数setItem(key,value):書き込みデータgetItem(key):keyによるデータremoveItem(key):keyによるデータclear()の削除:すべてのデータkey(index):index位置を取得するkey
2つの異なるタイプのセッションストアを含む:ブラウザが閉じた後にデータが失効するlocalStorage:データが永続的に有効
localStorageを書きます.変数名=値;var value=localStorageを読みます.変数名;以上の使用法では、変数名がJSネーミング仕様sessionStorageの使用法とlocalStorageと同じである必要があります.
書き込み:sessionStorage.name=“mike”; sessionStorage.pass=“123”; localStorage.name=“jerry”; localStorage.pass=“456”;
読み取り:var name_s=sessionStorage.name; var pass_s=sessionStorage.pass; var name_l=localStorage.name; var pass_l=localStorage.pass; ここでname、passはカスタム名であり、JavaScriptネーミング仕様に合致する限り、符号化する必要はありません.
length:格納されたキー値ペア数setItem(key,value):書き込みデータgetItem(key):keyによるデータremoveItem(key):keyによるデータclear()の削除:すべてのデータkey(index):index位置を取得するkey
<script type="text/javascript">
function doWrite() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
// localStorage
localStorage.username = username;
localStorage.password = password;
// sessionStorage
sessionStorage.sex = " ";
sessionStorage.hobby = "game;movie";
console.log(" WebStorage !");
}
function doReadAll() {
console.log(localStorage);
console.log(sessionStorage); // :sessionStorage ,
}
function doReadLocalStorage(key) {
// console.log(localStorage.key); // "key" , , key ,
console.log(localStorage.getItem(key));
}
function doReadSessionStorage(key) {
// console.log(sessionStorage.key); //
console.log(sessionStorage.getItem(key));
}
</script>