プログラミング

Web Storage を使ったサンプルページを作りました

投稿日:2017年7月19日 更新日:

Web Storage を使ったサンプルページを作りました。

1. スクリーンショット

スクリーンショット

2. デモページ

以下のURLで実際のページを見ることができます。

デモページ

🔗 Web Storage API のサンプル001

3. 動作

session Storage と local Storage のそれぞれに対して、キーと値のペアを追加したり、削除することができます。

ウェブブラウザの複数のタブ(もしくはウィンドウ)で、このページを開いて表示される値を比較すると session Storage と local Storage の違いが分かります。

4. ソースコード

5. 参考情報

📂-プログラミング

執筆者:labo


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

JavaScript でスロットマシーンを作ってみました

JavaScript でスロットマシーンを作ってみました。 目次1. スクリーンショット2. デモページ3. 内容4. ソースコード5. 参考情報 1. スクリーンショット スクリーンショット 2. …

Web Programming

History API のメモ

History API についての簡単な説明を書きました。 「History API の概要を思い出したくなった時に、ざっと眺める」というのがこのページの主な目的です。 目次1. History AP …

定期的にDOM要素をアニメーションするサンプルを用意しました

定期的にDOM要素をアニメーションするサンプルを用意しました。 DOM要素が対象ですので、div要素や img要素などが動かせます。 目次1. デモ2. ソースコード3. まとめ4. 参考 1. デモ …

Database

データベース(MySQL)とは?

目次1. データベースとは?2. レンタルサーバーにおけるデータベース2-1. データベースソフトウェアそのものを「データベースと呼ぶ」場合2-2. データベースソフトウェア内でデータを保存する単位と …

e-Stat API を試しています。

最近、e-Stat 政府統計の総合窓口 というサイトの API機能 を試しています。 e-Stat というのは「政府統計のデータ」が閲覧できるサイトで、プログラムによってデータが取得できるように AP …