firefoxのclient side storageのsessionStorageにデータを保存する方法
スポンサーリンク
Firefoxでは、Client Side Storage(クライアントサイドストレージ)が実装されています。
FirefoxのClient Side Storageには、セッション中のデータを保存することができます。
sessionStorageのデータは同一ドメイン間のみでアクセスできます。
とりあえず、サンプルコード。
firefoxでしか、動きません!
sessionStorageに対して、値を保存したり、読み出したりすることができます。
デモ
次のページで、テキストエリアに適当な文字列を書き込んで、saveを押してください。
さらに、そのページの「次のページへ」をクリックして、その「次のページ」でloadを押すと、前のページで保存したデータをロードすることができます。
http://paranoid.dip.jp/dev/js/sessionStorage.html
firefoxじゃない人は、firefoxを入れて試してみてください。
sessionStorageのほかに Global Storageというものがありますが、
それは次回にでも書きます。
sessionStorageの上限について
WHATWGのsessionStorage、globalStorageに保存可能なサイズの上限が設定されていなかったのを修正。合計5MBまでとされ、この制限は設定dom.storage.default_quotaにより1kB単位で変更可能。
bug https://bugzilla.mozilla.org/show_bug.cgi?id=362446
FirefoxのClient Side Storageには、セッション中のデータを保存することができます。
sessionStorageのデータは同一ドメイン間のみでアクセスできます。
とりあえず、サンプルコード。
firefoxでしか、動きません!
sessionStorageに対して、値を保存したり、読み出したりすることができます。
<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>session storage</title> <script type="text/javascript"> function session_storage_load() { try { document.getElementById("txt").value = sessionStorage.textdata; } catch (e) { alert(e.message); } } function session_storage_save() { try { sessionStorage.textdata = document.getElementById("txt").value; } catch (e) { alert(e.message); } } </script> </head> <body> <textarea id="txt" rows="10" cols="50"></textarea><br /> <input type="button" value="save" onClick="session_storage_save();" /> <input type="button" value="load" onClick="session_storage_load();" /> </body> </html>
デモ
次のページで、テキストエリアに適当な文字列を書き込んで、saveを押してください。
さらに、そのページの「次のページへ」をクリックして、その「次のページ」でloadを押すと、前のページで保存したデータをロードすることができます。
http://paranoid.dip.jp/dev/js/sessionStorage.html
firefoxじゃない人は、firefoxを入れて試してみてください。
sessionStorageのほかに Global Storageというものがありますが、
それは次回にでも書きます。
sessionStorageの上限について
WHATWGのsessionStorage、globalStorageに保存可能なサイズの上限が設定されていなかったのを修正。合計5MBまでとされ、この制限は設定dom.storage.default_quotaにより1kB単位で変更可能。
bug https://bugzilla.mozilla.org/show_bug.cgi?id=362446
スポンサーリンク
スポンサーリンク
いつもシェア、ありがとうございます!
もっと情報を探しませんか?
関連記事
最近の記事
- パナソニック ジェットウォッシャードルツ EW-DJ61-Wのホースの修理
- LinuxセキュリティモジュールIntegrity Policy Enforcement
- アマゾンのEcho Show 5を買ったのでレビューします
- アマゾンのサイバーマンデーはAlexa Echo Show 5が安い
- Android スマートフォン OnePlus 7T と OnePlus 7の違い
- Android スマートフォン OnePlus 7 をAndroid10にアップデートしてみた
- クレジットカードのバーチャルカードの比較のまとめ
- 活動量計 Xiaomi Mi Band 4を買ってみたのでレビュー
- Android スマートフォン OnePlus 7 のレビュー
- AliExpressでスマートフォンを買い物してみた
- パソコンのホコリ対策 レンジフードフィルターと養生テープ
- 80PLUS GOLDのPC電源ユニットAntec NeoEco 750 Goldのレビュー
- イギリスの付加価値税 VAT は払い戻しを受けられる
- イギリスのロンドンでスーツケースなど荷物を預けられる場所は
- イギリスのロンドンで地下鉄やバスに乗るならオイスターカードを使おう
- イギリスのヒースロー空港からロンドン市内への行き方
- 航空便でほかの航空会社に乗り継ぎがある場合のオンラインチェックイン
- SFC会員がANA便ではなくベトナム航空のコードシェアを試して解ったこと
- ベトナムの入国審査でeチケットの掲示が必要だった話
- シアトルの交通ICカードはオルカカード(Orca)です
人気のページ
- Windows7 IME 辞書ツールで単語の登録に失敗しました
- C言語 popen()でコマンドを実行して出力を読み込む
- Windows7で休止状態にする方法
- CentOS MySQLの起動、停止、再起動
- loggerコマンドでsyslogにエラーを出力する方法
- パソコンパーツの買取をしてくれる店のまとめ
- Java Mapの使い方 get(),put(),remove(),size(),clear()
- 楽天のRポイントカードを作ってみた
- iPhone 5 から iPhone 6 に乗り換えたのでレビュー
- netstatコマンドのステータスの意味
スポンサーリンク
過去ログ
2020 : 01 02 03 04 05 06 07 08 09 10 11 122019 : 01 02 03 04 05 06 07 08 09 10 11 12
2018 : 01 02 03 04 05 06 07 08 09 10 11 12
2017 : 01 02 03 04 05 06 07 08 09 10 11 12
2016 : 01 02 03 04 05 06 07 08 09 10 11 12
2015 : 01 02 03 04 05 06 07 08 09 10 11 12
2014 : 01 02 03 04 05 06 07 08 09 10 11 12
2013 : 01 02 03 04 05 06 07 08 09 10 11 12
2012 : 01 02 03 04 05 06 07 08 09 10 11 12
2011 : 01 02 03 04 05 06 07 08 09 10 11 12
2010 : 01 02 03 04 05 06 07 08 09 10 11 12
2009 : 01 02 03 04 05 06 07 08 09 10 11 12
2008 : 01 02 03 04 05 06 07 08 09 10 11 12
2007 : 01 02 03 04 05 06 07 08 09 10 11 12
2006 : 01 02 03 04 05 06 07 08 09 10 11 12
2005 : 01 02 03 04 05 06 07 08 09 10 11 12
2004 : 01 02 03 04 05 06 07 08 09 10 11 12
2003 : 01 02 03 04 05 06 07 08 09 10 11 12