プログラミング

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 でスロットマシーンを作ってみました(3回目)

「JavaScript でスロットマシーンを作ってみる」の3回目です。 今回は ゲームっぽくしてみました。 目次1. スクリーンショット2. デモページ3. 内容4. ソースコード5. 参考情報 1. …

Web Programming

ブラウザがウェブサーバーに送っている情報を表示するウェブページを作ってみよう(HTML/CSS/JavaScript/PHP)

目次1. はじめに2. この記事の対象とする人3. 今回の題材となるWebページとファイル3-1. 作成するページ3-2. 今回の題材となるファイルファイルのダウンロードファイルを閲覧するファイルの中 …

Web Components

Web Components の Slot について

Web Components の Slot について説明します。

Web Components

Web Components: Shadow DOM に HTML と CSS をセットするいろいろな方法

Web Components の Shadow DOM を使う場合のファイル構成やコードについて、いろいろなパターンを紹介します(最小限のコードのみです)。

web development

Web Development for Beginners を読む:レッスン12, 13, 14

目次1. はじめに2. Lesson 12: Browser Extension Project Part 1: All about BrowsersIntroductionAbout the bro …