Window localStorage ਪ੍ਰਤੀਭਾਵ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

localStorage ਅਤੇ sessionStorage ਪ੍ਰਤੀਭਾਵ Web ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਕੀ/ਮੁੱਲ ਜੋੜੇ ਸੰਭਾਲਣ ਦੀ ਪ੍ਰਵਾਨਗੀ ਦਿੰਦੇ ਹਨ。

localStorage ਪ੍ਰਤੀਭਾਵ ਬਿਨਾ ਮੁਆਡਦੀ ਦੇ ਅੰਕੜੇ ਸਟੋਰ ਕਰਦਾ ਹੈ।ਬਰਾਉਜ਼ਰ ਬੰਦ ਹੋਣ ਤੋਂ ਬਾਅਦ ਅੰਕੜੇ ਹਟ ਨਹੀਂ ਜਾਂਦੇ ਅਤੇ ਅਗਲੇ ਦਿਨ, ਹਫ਼ਤੇ ਜਾਂ ਇੱਕ ਸਾਲ ਬਾਅਦ ਮੌਜੂਦ ਰਹਿੰਦੇ ਹਨ。

localStorage ਪ੍ਰਤੀਭਾਵ ਸਿਰਫ ਲੜੀ ਦਾ ਹੈ.

ਸੁਝਾਅ:ਹੋਰ ਦੇਖੋ sessionStorage ਪ੍ਰਤੀਭਾਵਇਹ ਪ੍ਰਤੀਭਾਵ ਸੈਸ਼ਨ ਦੇ ਅੰਕੜੇ ਸਟੋਰ ਕਰਦਾ ਹੈ (ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਚੇਕ ਆਉਣ ਤੋਂ ਬਾਅਦ ਅੰਕੜੇ ਹਟ ਜਾਂਦੇ ਹਨ).

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਇੱਕ name="lastname" ਅਤੇ value="Smith" ਦਾ localStorage ਨਾਮ/ਮੁੱਲ ਜੋੜੋ, ਫਿਰ "lastname" ਦਾ ਮੁੱਲ ਜੀਣ ਅਤੇ ਉਸ ਨੂੰ id="result" ਦੇ ਤੱਤ ਵਿੱਚ ਜੋੜੋ:

// ਸੰਭਾਲੋ
localStorage.setItem("lastname", "Smith");
// ਪ੍ਰਾਪਤ ਕਰੋ
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

ਸਵੈ ਸਿੱਧੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਨਿਮਨ ਉਦਾਹਰਣ ਵਿੱਚ ਯੂਜ਼ਰ ਵੱਲੋਂ ਬਟਨ ਦੇ ਦਬਾਉਣ ਦੀ ਸੰਖਿਆ ਕੈਲਕੂਲੇਟ ਕਰਦਾ ਹੈ:

if (localStorage.clickcount) {
  localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
  localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "You have clicked the button " +
localStorage.clickcount + " time(s).";

ਸਵੈ ਸਿੱਧੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਵਿਧਾਨ

window.localStorage

ਲਾਗੂ ਕੀਤੇ ਹੋਏ localStorage ਵਿੱਚ ਅੰਕੜੇ ਸੰਭਾਲਣ ਦੀ ਵਿਧਾਨ:

localStorage.setItem("key", "value)";

ਲਾਗੂ ਕੀਤੇ ਹੋਏ localStorage ਵਿੱਚ ਅੰਕੜੇ ਪ੍ਰਾਪਤ ਕਰਨ ਦੀ ਵਿਧਾਨ:

var lastname = localStorage.getItem("key)";

ਲਾਗੂ ਕੀਤੇ ਹੋਏ localStorage ਵਿੱਚ ਅੰਕੜੇ ਹਟਾਉਣ ਦੀ ਵਿਧਾਨ:

localStorage.removeItem("key)";

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਵਾਪਸੀ ਮੁੱਲ: Storage ਆਬੋਦਧ ਬਿਨੈਂਦਰ

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਪ੍ਰਤਿਯਾਗਤਾਂ ਵਿੱਚ ਸਭ ਤੋਂ ਪਹਿਲਾਂ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਸ਼੍ਰੇਣੀ ਨੂੰ ਸੂਚੀਬੱਧ ਕੀਤਾ ਗਿਆ ਹੈ。

ਪ੍ਰਤਿਯਾਗਤ Chrome IE Firefox Safari Opera
localStorage 4.0 8.0 3.5 4.0 11.5