ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บบที่ 9 HTML5 Web Storage
   Web Storage คือการเก็บข้อมูลแบบง่ายๆ ในรูป Key-Value โดยแยกย่อยได้อีก 2 อย่าง คือ
1.Local Storage จะเก็บข้อมูลไว้ได้นานและมากกว่า cookie หลายเท่า และข้อมูลจะยังคงอยู่แม้ว่าจะปิด browser หรือลบ cookie ไปแล้ว
2.session Storage เหมือนกัน Local Storage แทบทุกประการ ยกเว้นมันจะถูกลบค่าทิ้งทุกครั้งที่เราปิด browser
   ในการใช้งาน Web Storage นั้น รองรับเฉพาะการเก็บข้อมูลที่เป็น String ดังนั้น หากเราต้องการเก็บ Object ทั้งก้อนลงใน Local Storage หรือ Session Storage ก็ต้องทำการแปลงข้อมูลจาก Object ให้เป็น String เสียก่อน  บราวเซอร์ที่สนับสนุน HTML5 Web Storage คือInternet Explorer 8+, Firefox, Opera, และ, and Safari.

ตัวอย่าง
1.Local Storage

<html>
<body>

<div id="result"></div>
<script>
if(typeof(Storage)!=="undefined")
  {
  localStorage.lastname="Smith";
  document.getElementById("result").innerHTML="Last name: " + localStorage.lastname;
  }
else
  {
  document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
  }
</script>

</body>
</html>

ผลลัพธ์คือ

2.session Storage

<html>
<head>
<script>
function clickCounter()
{
if(typeof(Storage)!=="undefined")
  {
  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.";
  }
else
  {
  document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
  }
}
</script>
</head>
<body>
<p><button onclick="clickCounter()" type="button">Click me!</button></p>
<div id="result"></div>
<p>Click the button to see the counter increase.</p>
<p>Close the browser tab (or window), and try again, and the counter is reset.</p>
</body>
</html>

ผลลัพธ์คือ


ข้อมูลอ้างอิง
http://www.w3schools.com

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
Docker มี Image สำหรับ Swoole PHP 8 แล้ว
โดย mindphp ศ 04 ธ.ค. 2020 12:25 am บอร์ด Programming - PHP
0
4
ศ 04 ธ.ค. 2020 12:25 am โดย mindphp
เคล็ดลับสู่ความมั่งคั่ง
โดย Duanghathai Termtem พฤ 03 ธ.ค. 2020 6:25 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
6
พฤ 03 ธ.ค. 2020 6:25 pm โดย Duanghathai Termtem
G-suite คืออะไร
โดย Duanghathai Termtem พฤ 03 ธ.ค. 2020 5:45 pm บอร์ด Google For Work Knowledge
0
13
พฤ 03 ธ.ค. 2020 5:45 pm โดย Duanghathai Termtem
การใช้ Google sheet ช่วยในการตรวจสอบ
โดย Duanghathai Termtem พฤ 03 ธ.ค. 2020 10:36 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
21
พฤ 03 ธ.ค. 2020 10:36 am โดย Duanghathai Termtem
โปรแกรม Access ช่วยในการออกแบบฐานข้อมูล
โดย Duanghathai Termtem พ 02 ธ.ค. 2020 11:23 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
12
พ 02 ธ.ค. 2020 11:23 pm โดย Duanghathai Termtem
Ubuntu เชื่อมต่อ wifi ไม่ได้ค่ะ แก้ยังไงคะ
โดย bolue พ 02 ธ.ค. 2020 5:21 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
6
27
พ 02 ธ.ค. 2020 6:55 pm โดย bolue
ใช้ sudo su ไม่ได้บน command ubuntu
โดย bolue พ 02 ธ.ค. 2020 3:25 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
5
36
พ 02 ธ.ค. 2020 5:20 pm โดย bolue
โปรแกรม Visio ช่วยออกแบบผังทางเดินเอกสาร
โดย Duanghathai Termtem พ 02 ธ.ค. 2020 10:51 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
31
พ 02 ธ.ค. 2020 10:51 am โดย Duanghathai Termtem