HTML5 チュートリアル - Web ストレージ

黄舟
リリース: 2017-02-07 13:26:28
オリジナル
1412 人が閲覧しました

この記事では、HTML5 チュートリアル - 必要な友達が共有できる Web ストレージの例をいくつか紹介します。

HTML5 は、クライアント側でデータを保存する 2 つの新しい方法を提供します。

1. localStorage – 時間制限のないデータ ストレージ。

2. セッションのデータ ストレージ。

以前は、これらはすべて Cookie によって行われていました。ただし、Cookie はリクエストごとにサーバーに渡されるため、速度が遅く非効率的になるため、大量のデータを保存するのには適していません。 HTML5 では、サーバー要求ごとにデータが渡されるわけではなく、要求された場合にのみデータが使用されます。 Web サイトのパフォーマンスに影響を与えることなく、大量のデータを保存できます。 Web サイトごとにデータは異なる領域に保存され、Web サイトは独自のデータのみにアクセスできます。

HTML5 は JavaScript を使用してデータを保存し、データにアクセスします。

localStorage メソッド:

localStorage メソッドには、保存されるデータに時間制限がありません。データは翌日、翌日、または翌日以降も利用できます。

localStorage を作成してアクセスする方法:

インスタンス:

<script type=”text/javascript”>localStorage.lastname=”Smith”;
document.write(localStorage.lastname);</script>
ログイン後にコピー

次の例では、ユーザーがページにアクセスした回数をカウントします。

インスタンス:

<script type=”text/javascript”>
if (localStorage.pagecount){
localStorage.pagecount=Number(localStorage.pagecount) +1;}
else{localStorage.pagecount=1;}
document.write(“Visits “+ localStorage.pagecount + ” time(s).”);
</script>
ログイン後にコピー

sessionStorage メソッド

sessionStorage メソッドは、セッションのデータを保存します。ユーザーがブラウザ ウィンドウを閉じると、データは削除されます。

セッションの作成とアクセス方法ストレージ:

例:

<script type=”text/javascript”>sessionStorage.lastname=”Smith”;
document.write(sessionStorage.lastname);</script>
ログイン後にコピー

次の例は、現在のセッションでユーザーがページにアクセスした回数をカウントします: 例:

 <script type=”text/javascript”>
 if (sessionStorage.pagecount){
 sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;}
 else{sessionStorage.pagecount=1;}
 document.write(“Visits “+sessionStorage.pagecount+” time(s) this session.”);
 </script>
ログイン後にコピー

上記は HTML5 チュートリアル - Web の内容ですストレージ、その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) にご注意ください。


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!