jQuery ローカルストレージ で入力値の保存と読み込みをする | クルーデザイン

ブラウザごとに値を保存しておくことができるローカルストレージについて学びたいと思います。 ブラウザの機能として提供されているものなので、特別なものは不要です。 クッキーとは少し違い、保存の有効期限などは無く保存するデータもより多く扱えます。 プラグインなどを利用すると、変数だけでは無くオブジェクトを保存することもできるようですね。 1つサンプルを作成したので、そのサンプルに沿って説明したいと思います。 作ったサンプルも見てくださいね。 サンプルの内容 「保存」ボタンをクリックするとテキストボックスの内容をローカルストレージに保存します。 また、画面表示時にローカルストレージから保存されたテキストボックスの内容を取り出し、テキストボックスに設定します。 ローカルストレージの読み書きはスクリプトを使っておこないます。 HTML側 スクリプト側を簡単にするためにjQueryを参照します。 基本的

[idr_zz]

これ知ってから大活躍。値が関数を飛び越える！ jQuery ローカルストレージ で入力値の保存と読み込みをする | クルーデザイン