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