フロントエンドlocalstorageでブラウズ量を統計
834 ワード
HTML 5は、クライアントにデータを格納する2つの新しい方法を提供します.
localStorage-時間制限のないデータストアsessionStorage-1つのsessionのデータストレージ
localStorageメソッドに格納されるデータには時間制限はありません.データは、翌日、翌週または翌年以降も使用可能です.sessionStorageメソッドは、1つのsessionに対してデータ格納を行います.ユーザーがブラウザウィンドウを閉じると、データが削除されます.
localStorageは、ブラウザがページにアクセスした回数を格納するために使用できます.もちろん、ブラウザを変更すると、この回数はカウントを再開します.また、一定のページ情報を格納するためにも使用できます.これにより、毎回再ロードする必要がなくなり、この値を上書きすることもできます.
localStorage-時間制限のないデータストアsessionStorage-1つのsessionのデータストレージ
localStorageメソッドに格納されるデータには時間制限はありません.データは、翌日、翌週または翌年以降も使用可能です.sessionStorageメソッドは、1つのsessionに対してデータ格納を行います.ユーザーがブラウザウィンドウを閉じると、データが削除されます.
localStorageは、ブラウザがページにアクセスした回数を格納するために使用できます.もちろん、ブラウザを変更すると、この回数はカウントを再開します.また、一定のページ情報を格納するためにも使用できます.これにより、毎回再ロードする必要がなくなり、この値を上書きすることもできます.
:
function setStorage(){
if(localStorage.counter){
localStorage.counter=Number(localStorage.counter)+1;
}else{
localStorage.counter=1;
}
return localStorage.counter;
}
var counter=setStorage();
var oBox=document.getElementById('box');
oBox.innerHTML=counter;