ユーザ用ツール

サイト用ツール


html:webstorage

差分

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

この比較画面へのリンク

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