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

この記事では、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) にご注意ください。