English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript オブジェクト

JavaScript リファレンスマニュアル

JS DOMリファレンスマニュアル

Storage setItem() メソッド

JavaScript ストレージオブジェクト

setItem()メソッドは指定されたストレージオブジェクトに指定されたキー名の値を設定します。キー値が既に存在する場合、キー値を更新します。

setItem()メソッドはストレージオブジェクトに属しており、以下のいずれかになります：localStorageオブジェクトまたはsessionStorrageオブジェクト。

语法：

localStorage.setItem(key,　value)
sessionStorage.setItem(key,　value)
localStorage.setItem('color'　'green');
localStorage.setItem('image'　'parrot.png');
localStorage.setItem('url'　'https://ja.oldtoolbag.com');
テストを見て‹/›

ブラウザの互換性

テーブルの数字は、setItem()メソッドを完全にサポートする最初のブラウザバージョンを指定しています：

メソッド
setItem()43.511.549

パラメータの値

パラメータ説明
key作成するために必要な/更新するキー名の文字列
value作成するために提供する必要がある/更新されたキーの値の文字列

技術的な詳細

返り値：挿入する値を示す文字列
DOMバージョン：ネットワークストレージAPI

さらに多くの例

指定されたセッションストレージの値を設定します：

sessionStorage.setItem('time'　Date.now());
sessionStorage.setItem('age',　22);
テストを見て‹/›

値を設定するためにはポイント記号を使用することもできます：

localStorage.color　=　"green";
localStorage.image　=　"parrot.png";
localStorage.url　=　"https://ja.oldtoolbag.com";
テストを見て‹/›

以下の関数は、ローカルストレージに3つのデータ項目を作成し、それらを使用してページ上にカスタムスタイルを設定します：

function　populateStorage()　{
　　localStorage.setItem('bgcolor',　document.getElementById('bgcolor').value);
　　localStorage.setItem('font',　document.getElementById('font').value);
　　localStorage.setItem('image',　document.getElementById('image').value);
}
テストを見て‹/›

関連リファレンス

HTMLチュートリアル：WebストレージAPI

ウィンドウ(Window)リファレンス：window.localStorage属性

ウィンドウ(Window)リファレンス：window.sessionStorage属性

JavaScript ストレージオブジェクト

イベントオブジェクト(イベントオブジェクト)JS ストレージオブジェクト