Window sessionStorage ປະກອບການ

  • ກັບຄືນຄັ້ງທີ່ກ່ອນ scrollY
  • ຕໍ່ໜ້າ self
  • ກັບຄືນອານຸສາວະລີ Window Object

ການອະນຸຍາດແລະການນໍາໃຊ້

localStorage ກັບ sessionStorage ປະກອບການອະນຸຍາດການບັນທຶກຄູ່ມູນ/ຄູ່ມູນໃນບານການເບິ່ງເວັບປະຕິບັດຕະວັດຢູ່ບານການເບິ່ງເວັບ.

sessionStorage ບັນດາວັດຖຸຈະບັນທຶກຂໍ້ມູນຂອງການວາງຊົ່ວຄາວພຽງຫນຶ່ງ (ຂໍ້ມູນຈະຖືກກຳຈັດຫຼັງຈາກທີ່ປິດບຸກຄູ່ວາງບານບານ).

ຄຳແນະນຳ:ຍັງບໍ່ມີຫົວຂໍ້: ປະສົມປະກອບ localStorage:ທາງເຂົ້າຄວາມລະບຸນັ້ນບໍ່ມີວັນສະຕິກັນສາຍຍອດທີ່ຈະຫາຍຫາຍ. ຂໍ້ມູນຈະບໍ່ຖືກກຳຈັດຫຼັງຈາກການປິດບຸກຄູ່ວາງບານບານແຕ່ຈະມີຂໍ້ມູນທີ່ຈະມີຢູ່ວັນອື່ນໆ, ອາທິດໜຶ່ງຫຼືປີ:

ບົດຕົວພິມ:

ບົດຕົວຢ່າງ 1:

ກຳນົດຄວາມອອກຊື່ sessionStorage ທີ່ name="lastname" ແລະ value="Smith" ແລະກຳນົດຂໍ້ມູນ "lastname" ແລະບັນທຶກຂໍ້ມູນຈາກ id="result" ພາຍໃນ:

// ກຳນົດ
sessionStorage.setItem("lastname", "Smith");
// ກັບຄືນ
document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");

ຕັ້ງການທົດລອງເອງຕົນ:

ບົດຕົວຢ່າງ 2:

ບົດຕົວຢ່າງທີ່ລາວຄາດວ່າຈະນັບຄັ້ງທີ່ຜູ້ນຳໃຊ້ຄົງຢູ່ໃນການວາງຊົ່ວຄາວ:

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

ຕັ້ງການທົດລອງເອງຕົນ:

ວິທີການ:

window.sessionStorage

ວິທີການກຳນົດຂໍ້ມູນໃນ sessionStorage:

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

ວິທີການກຳນົດທີ່ອ່ານຂໍ້ມູນຈາກ sessionStorage:

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

ວິທີການກຳນົດທີ່ກຳຈັດຂໍ້ມູນຈາກ sessionStorage:

sessionStorage.removeItem("key");

ວິທີການກຳນົດທີ່ກຳຈັດຂໍ້ມູນທັງໝົດທີ່ບັນທຶກໃນ sessionStorage:

sessionStorage.clear();

ລະອຽດເຕັກນິກ:

ຜົນການກັບຄືນ: Storage 对象

浏览器支持

ຈຳນວນໃນຕາຕະລາງໄດ້ສະແດງວ່າ ການສະໜັບສະໜູນຂັ້ນຕົວຄັ້ງທຳອິດຂອງບັນດາການສະໜັບສະໜູນທີ່ສົມບູນ.

ຂັ້ນຕົວ Chrome IE Firefox Safari Opera
sessionStorage 4.0 8.0 3.5 4.0 11.5
  • ກັບຄືນຄັ້ງທີ່ກ່ອນ scrollY
  • ຕໍ່ໜ້າ self
  • ກັບຄືນອານຸສາວະລີ Window Object