html:webstorage

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- html:webstorage [2010/09/29 02:22] – 作成 - 外部編集 127.0.0.1
+++ html:webstorage [2025/10/12 12:28] (現在) – nullpon
@@ 行 16: / 行 16: @@
 </code>
-<html>
+  * length: 格納されている要素数を取得
-<dt>length</dt>
+  * key(index): 指定した番号のインデックスにあるキーの値を取得
-  <dd>格納されている要素数を取得する</dd>
+  * getItem(key): 指定キーの値を取得
-<dt>key(index) </dt>
+  * setItem(key, data): keyにdataをアサイン
-  <dd>指定した番号のインデックスにあるキーの値を取得する</dd>
+  * removeItem(key): 指定のキーの値を削除
-<dt>getItem(key) </dt>
+  * clear(): ストレージの全データを削除
-  <dd>指定キーの値を取得</dd>
-<dt>setItem(key, data)</dt>
-  <dd>keyにdataをアサインする</dd>
-<dt>removeItem(key)</dt>
-  <dd>指定キーの値を取り除く</dd>
-<dt>clear()</dt>
-  <dd>ストレージの全データを消去する</dd>
-</html>
 ===== 使い方 =====
@@ 行 40: / 行 31: @@
 <code javascript>
 // セッションストレージ
-var ss = window.sessionStorage;
+const ss = window.sessionStorage;
 ss.setItem("hoge", "ほげ");
 window.alert(ss.getItem("hoge"));
 // ローカルストレージ
-var ls = window.localStorage || window.globalStorage[location.hostname];
+const lbs = window.localStorage;
 ls.setItem("hoge", "ほげ");
 window.alert(ls.getItem("hoge"));
 </code>
-現在のFirefox 3ではglobalStorageという名前でローカルストレージが実装されていたが、HTML5の仕様では localStorage というインターフェースである。Firefox 3.5からHTML5仕様に沿ったものに変更されたようだ。
   * [[http://paulownia.jp/sample/html5/storage/session.html|セッションストレージのサンプル]]
   * [[http://paulownia.jp/sample/html5/storage/local.html|ローカルストレージのサンプル]]
-最新のブラウザが続々と対応中、2009/03/24時点でFirefox3、Safari4、IE8が対応している。
 値の保存と取得には、getItem、setItemメソッドを使用する他、通常のJavaScriptオブジェクトのようにキーをプロパティ名としたり、連想配列のようにアクセスできる。

html/webstorage.1285726943.txt.gz · 最終更新: 2010/09/29 02:22 by 127.0.0.1