ウェブサイトのページ間のスクリプトの設定値


session Strage、local Strageはローカルに記憶され、クライアントに記憶され、local Strageとsession Storrageを含む.JavaScript言語ではwindow.session Strageまたはsession Strageを通じてこのオブジェクトを呼び出すことができます.
local StorrageotalStorrageライフサイクルは永久であり、これはユーザがブラウザから提供されるUI上でlocal Storrage情報をクリアしない限り、これらの情報は永遠に存在することを意味する.保存データのサイズは一般的に5 MBで、クライアント(つまりブラウザ)のみで保存され、サーバとの通信には参加しません.
session Stragesession Storrageは現在のセッションのみ有効で、ページやブラウザを閉じてクリアされます.保存データのサイズは一般的に5 MBで、クライアント(つまりブラウザ)のみで保存され、サーバとの通信には参加しません.ソースインターフェースは受け入れられます.ObjectとArayに対してより良いサポートがあります.
local Strageとsession Strageの違い:(1)、local Strageとsession Storrageは同じクライアントの一時情報を格納するためのオブジェクトです.
(2)いずれも文字列タイプのオブジェクトのみを記憶することができます.(標準では他の原生タイプのオブジェクトを記憶することができますが、これまでブラウザでは実現されていません.)
(3)、local Strageライフサイクルは永久であり、これは、ユーザがブラウザから提供されたUI上でlocal Strage情報をクリアしない限り、これらの情報は永遠に存在することを意味する.session Storrageライフサイクルは現在のウィンドウまたはタブページであり、一旦ウィンドウまたはタブページが永久に閉じられたら、session Storrageによって記憶されているデータはすべて空になります.
(4)、異なるブラウザでは、locastrageまたはsession Storrageの情報を共有できません.local Strageは同じブラウザの異なるページ間で同じlocal Strage(ページは同じドメイン名とポートに属します)を共有できますが、異なるページやタブページ間ではsession Strageの情報を共有できません.ここで注意したいのは、ページとラベルページはトップウィンドウだけを指しています.ラベルページが複数のiframeタグを含み、彼らは同じソースページに属している場合、彼らの間でsession Storrageを共有することができます.
(5)、
http://www.test.com
https://www.test.com (違います.契約が違っていますので)
http://my.test.com(ソースが違います.ホスト名が違いますので)
http://www.test.com:8080(ソースが違います.ポートが違いますので)
local Strageとsession Strageの使い方:local Strageとsession Storrageは同じAPIを使用します.
1、プロパティsession Strage.length:一つの整数を返し、session Strageオブジェクトに格納されているデータ項目の数を表します.
2、方法session Strage.key(int index):現在のsession Strageオブジェクトの第indexシーケンス番号のkey名前を返す.もしnullに戻らなかったら.
メソッドsession Straget.getItem:キーに対応する値を返します.もしnullに戻らなかったら.
方法session Strage.setItem:この方法はキー名と値をパラメータとして受け入れ、キーペアを記憶に追加します.キー名が存在すると、その対応する値を更新します.
方法session Strage.removeItem:指定されたキー名をsession Strageオブジェクトから削除します.
方法session Strage.clear():session Strageオブジェクトのすべての項目をクリアします.
Jsonオブジェクトを格納します:session StorrageもJsonオブジェクトを格納することができます:保存する時、JSON.stingify()を通じてオブジェクトをテキスト形式に変換します.読み込むときは、JSON.parse()によりテキストをオブジェクトに変換します.
var userEntity={
name: 'tom',

age: 22

//保存値:オブジェクトをJson文字列に変換する
session Storrage.set Item('user',JSON.strigify);
//値を取る場合:取得したJson文字列をオブジェクトに変換します.
var userJsonsStr=session Strage.getItem('user')
userEntity=JSON.parse(userJsons Str)
consolie.logs(user Enttity.name)/=>tom
配列オブジェクト:session Storrageは直接に配列オブジェクトを格納することができません.まず配列オブジェクトをJSONオブジェクトに変換し、JSONオブジェクトで保存します.
var userEntity = {
    tempArr:[1,2,3,4,5,6,7,8,9]
};

//    :      Json   

sessionStorage.setItem('arr', JSON.stringify(userEntity));

//    :     Json        

var userJsonStr = sessionStorage.getItem('arr');

userEntity = JSON.parse(userJsonStr);

console.log(userEntity.tempArr); // => [1,2,3,4,5,6,7,8,9]
参考資料:
https://www.cnblogs.com/polk6/p/5512979.html#Menu3_3-SetOfJson
https://segmentfault.com/a/1190000012057010
http://blog.csdn.net/kerryqpw/article/details/71439104著作権宣言:https://blog.csdn.net/qq_30868289/articale/detail/79582280