HTML နောက်ခံ သတင်းထုတ်ပြန်

HTML နောက်ခံ သတင်းထုတ်ပြန်: ကင်းနှင့် နှိုင်းယှဉ်ကြည့်ရမည်ဖြစ်သည်။

HTML နောက်ခံ သတင်းထုတ်ပြန် ဘာကြောင်းဖြစ်သလား？

နောက်ခံ သတင်းထုတ်ပြန် (Local Storage) အခြား ကျွမ်းကျင်သည်များ အခြား သတင်းထုတ်ပြန်များ အတွက် သတင်းထုတ်ပြန်အချက်အလက်များ သုံးစွဲနိုင်သည်။

HTML5 အခြား ကျွမ်းကျင်သည်များ သတင်းထုတ်ပြန်အချက်အလက်များ သာ ကင်းနှင့် သတင်းထုတ်ပြန်နိုင်သည်၊ အရင်းသတင်းထုတ်ပြန် အတွက် အကျယ်အဝန်း သတင်းထုတ်ပြန်များ သို့ ဝင်ရောက်နိုင်သည်။

ကင်းနှင့် မတူဘဲ၊ သတင်းထုတ်ပြန်ချိန်တွင် သတင်းထုတ်ပြန်အား ကြီးမားစွာ ကျသည် (အနည်းဆုံး 5MB) နှင့် သတင်းအချက်အလက်များ သို့ လက်ဆင့်ကြောင်းဆက်လိမ့်မည် မဟုတ်။

နောက်ခံ သတင်းထုတ်ပြန်ရုံးကြောင့် (origin) (ပေါ်လွှာ နှင့် ကြောင်းဆက်စက်) အခြေခံ သတင်းထုတ်ပြန်သည်။ အားလုံး စာမျက်နှာများ၊ အရင်းမြစ်မှ အတိုင်း သတင်းထုတ်ပြန်နှင့် ဝင်ရောက်နိုင်သည်။

ဘားသ� ကူးကြောင်း

အခြေအနေ အစားအစာ တွင် ဘားသ� ထိန်းသိမ်းအရာ အား ပြောင်းလဲသော ဘားသ� ဘေ့တံခါး အမျိုးအများ ကို ကိုးကွယ်ပါလို့

API
Web Storage 4.0 8.0 3.5 4.0 11.5

HTML ဘားသ� ထိန်းသိမ်းအရာ

HTML ဘားသ� ထိန်းသိမ်းအရာ ကို အသုံးပြုသည် အတွက် အရာ ၂ ခု ပါသည်: ဘားသ� ထိန်းသိမ်းအရာ နှင့် ဝီကီ ဆိုင်ရာ ထိန်းသိမ်းအရာ

  • window.localStorage - အဆိုပါ အရာ အတွက် အဆိုပါ အချက်အလက် ထိန်းသိမ်းထားပါ
  • window.sessionStorage - ဘားသ� ဘေ့တံခါး တစ်ခု အတွက် အချက်အလက် ထိန်းသိမ်းထားပါ (ဘားသ� ဘေ့တံခါး အချက်အလက် ဖျက်သိမ်းလိမ့်မည်)

အခြား ဘားသာ ဘေ့တံခါး ကို အသုံးပြုနိုင်သည် အား စစ်ဆေးပါ: localStorage နှင့် sessionStorage

if (typeof(Storage) !== "undefined") {
    // ဝီကီ ဆိုင်ရာ localStorage/sessionStorage အချက်အလက်
} else {
    // ပြောင်းလဲသည်။ ဝီကီ ဆိုင်ရာ ထိန်းသိမ်းအရာ မပါဘဲ!
}

localStorage အရာ

localStorage အရာ သည် အဆိုပါ အချက်အလက် အမျိုးအများ အတွက် အဆိုပါ အရာ ကို ထိန်းသိမ်းထားသည်။ ဘားသာ ဘေ့တံခါး ကို ပိတ်လျှင် အချက်အလက် ဖျက်သိမ်းလိမ့်မည်မဟုတ်၊ နောက်နှစ်၊ ပတ်၊ သို့မဟုတ် လစာ အတွင်း အသုံးပြုနိုင်ပါသည်。

အကျိုးသက်

// ထိန်းသိမ်း
localStorage.setItem("lastname", "Gates");
// ပြန်ရယူ
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

ကိုယ်တိုင် ကြိုးစားချင်

အမှတ်ပြောင်းအားဖြင့် အချက်အလက်

  • localStorage အမည်/အသုံးပြု ပေါင်းစုံ ကို ဖွဲ့စည်းပြီး အထူးသတင်း: name="lastname" နှင့် value="Gates"
  • "lastname" အကြောင်းအရာ ကို ပြန်ရယူပြီး id="result" အရာ တွင် ထိန်းသိမ်းထားပါလို့

အထင်ကဲ့သို့ အသုံးပြုနိုင်ပါသည်:

// ထိန်းသိမ်း
localStorage.lastname = "Gates";
// ပြန်ရယူ
document.getElementById("result").innerHTML = localStorage.lastname;

"lastname" localStorage အရာ ကို ဖျက်သိမ်းပြီး ပြောင်းလဲသည့် ပုံစံများမှာ:

localStorage.removeItem("lastname");

မှတ်ချက်: အမည်/အသုံးပြုမှု ပေါင်းစုံ အကြောင်းအရာများ အသင်း အထိ သို့ ထိန်းသိမ်းထားသည်။ အကြောင်းကို ပိုမို ပုံစံ အထိ ပြောင်းလဲချင်လျှင် ကျွန်ုပ် ကို သတိပြုပါလို့!

အမှတ် 1 ပုံ: အသုံးပြုသူ၏ ဘေ့တံခါး ချက်ချက် ကို စစ်တမ်းပြုကြသည်။ အကြောင်းအရာများ တွင် ကြော်ငြာကို အရာဝတ္တရ အထူးသတင်း အထိ ကျသွားသည်၊ အစဥ်က စစ်တမ်းကို ထပ်ထပ် တိုးပေးပါသည်:

အကျိုးသက်

if (localStorage.clickcount) {
    localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
    localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "သင် အက်ယ် သည် အက်ယ် သည် ";
localStorage.clickcount + " ကြိုးစားချင်း ";

ကိုယ်တိုင် ကြိုးစားချင်

sessionStorage အရာဝတ္တု

sessionStorage အရာဝတ္တု သည် localStorage အရာဝတ္တု နှင့် အတူ ကြတတ် သော်လည်း သာသနာ တစ် session တွင် သာ အချက်အလက် ကို ကျန်ရှိစေသည်။ အသုံးပြုသူ ဘာသာစကား ပုံစံ အုပ်ချုပ် မှု ပုံစံ ပေါ်မူးဆန်း ပြီး ဘာသာစကား အသုံးချ သည် ပုံစံ နှင့် သက်ဆိုင်သည်။

အကျိုးသက် အစားအလမ်း သည် အခြေအနေ တစ် session တွင် အသုံးပြုသူ အက်ယ် ကို စစ်တန့်ရသည်

အကျိုးသက်

if (sessionStorage.clickcount) {
    sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
    sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "အခြေအနေ တစ် session တွင် သင် အက်ယ် သည် အက်ယ် သည် ";
sessionStorage.clickcount + " ကြိုးစားချင်း ";

ကိုယ်တိုင် ကြိုးစားချင်