ให้เรตสมาชิก: 2 / 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
MOD_MTB_NEWS_RECENT
Code ของผังบัญชี ความหมายของแต่ละหลักคืออะไร
โดย araxvaan ส 24 มิ.ย. 2017 6:46 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
3
ส 24 มิ.ย. 2017 6:46 pm โดย araxvaan
python ดึก part ยังไงคับ
โดย nuattawoot ส 24 มิ.ย. 2017 3:42 pm บอร์ด Programming - C/C++ & java & Python
2
6
ส 24 มิ.ย. 2017 3:42 pm โดย nuattawoot
เข้า facebook ไม่ได้
โดย บุคคลทั่วไป ศ 23 มิ.ย. 2017 6:57 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
8
ศ 23 มิ.ย. 2017 6:57 pm โดย บุคคลทั่วไป
แก้ปัญหา rsync แล้ว Error .ssh/known_hosts
โดย mindphp ศ 23 มิ.ย. 2017 6:54 pm บอร์ด Linux - Web Server
1
6
ศ 23 มิ.ย. 2017 6:54 pm โดย mindphp
RFID หรือ NFC อ่านค่าได้จากระยะไกลสุดเท่าไหร่
โดย Oh_nO ศ 23 มิ.ย. 2017 10:55 am บอร์ด Mobile Programming - Android, iOS, Window Phone
1
21
ศ 23 มิ.ย. 2017 10:55 am โดย nuattawoot
สอบถามนิยามหรือความหมายของคำว่า Subscriber กับ Digest Subscriber ในเรื่องของ Mailing list ค่ะ
โดย araxvaan พฤ 22 มิ.ย. 2017 9:33 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
9
พฤ 22 มิ.ย. 2017 9:33 pm โดย araxvaan
โปรแกรมต่อ Video (วีดีโอ) ด้วย Python
โดย nuattawoot พฤ 22 มิ.ย. 2017 7:10 pm บอร์ด Programming - C/C++ & java & Python
0
25
พฤ 22 มิ.ย. 2017 7:10 pm โดย nuattawoot
สอบถามเรื่องการดึงข้อมูลสุดท้ายจาก ฐานข้อมูลมาแสดงใช้คำสั่งอะไรครับ
โดย AePongsak พฤ 22 มิ.ย. 2017 5:06 pm บอร์ด Programming - PHP
1
23
พฤ 22 มิ.ย. 2017 5:06 pm โดย thatsawan
เพิ่มข้อมูลลงSQL เพิ่มไปแล้ว ตอนแสดงจะให้แสดงID ล่าสุดที่เพิ่มเข้าไปยังไงครับ
โดย nuattawoot พ 21 มิ.ย. 2017 7:28 pm บอร์ด Programming - C/C++ & java & Python
4
40
พ 21 มิ.ย. 2017 7:28 pm โดย nuattawoot
ส่งข้อมูลข้ามฟอร์มแล้ว ข้อมูลไม่แสดง แต่ตารางแสดงครบ
โดย nuattawoot พ 21 มิ.ย. 2017 5:13 pm บอร์ด Programming - C/C++ & java & Python
1
13
พ 21 มิ.ย. 2017 5:13 pm โดย nuattawoot
แนะนำ MySQL Store Procedure
โดย moomai พ 21 มิ.ย. 2017 5:01 pm บอร์ด Mindphp Videoman
0
11
พ 21 มิ.ย. 2017 5:01 pm โดย moomai
สอบถามการใช้คำสั่ง ORDER BY ของ phpBB ตอน SELECT ข้อมูล
โดย AePongsak พ 21 มิ.ย. 2017 1:51 pm บอร์ด Programming - PHP
4
37
พ 21 มิ.ย. 2017 1:51 pm โดย AePongsak
สอบถามเรื่องการเขียนโค๊ด python ภายใต็ HTML
โดย nuattawoot พ 21 มิ.ย. 2017 11:56 am บอร์ด Programming - C/C++ & java & Python
1
27
พ 21 มิ.ย. 2017 11:56 am โดย mindphp
โดยทั่วไปใช้ Framework ตัวไหนครับ
โดย toonytoony2004 อ 20 มิ.ย. 2017 10:19 pm บอร์ด Joomla Development
1
41
อ 20 มิ.ย. 2017 10:19 pm โดย tsukasaz
สอบถามเรื่องการรัน Flask มัน Error
โดย nuattawoot อ 20 มิ.ย. 2017 6:48 pm บอร์ด Programming - C/C++ & java & Python
1
17
อ 20 มิ.ย. 2017 6:48 pm โดย nuattawoot
สอบถามเรื่อง คำสั่งที่ใช้จัดวางตำแหน่งข้อมูลในตาราง
โดย AePongsak อ 20 มิ.ย. 2017 5:34 pm บอร์ด Programming - PHP
4
33
อ 20 มิ.ย. 2017 6:28 pm โดย AePongsak
สอบถามการตั้งค่า Calendars and Contact ใน cPanel
โดย araxvaan อ 20 มิ.ย. 2017 5:45 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
23
อ 20 มิ.ย. 2017 5:45 pm โดย araxvaan
ใช้โปรแกม pycham เขียน python จะติดต่อฐานข้อมูลยังไงครับ
โดย nuattawoot อ 20 มิ.ย. 2017 10:34 am บอร์ด Programming - C/C++ & java & Python
6
118
อ 20 มิ.ย. 2017 10:34 am โดย nuattawoot
สอบถามรายละเอียดของการตั้งค่า Configure Email Routing ของ cPanel
โดย araxvaan จ 19 มิ.ย. 2017 11:07 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
50
จ 19 มิ.ย. 2017 11:07 pm โดย araxvaan
สอบถามนิยาม หรือคำจำกัดความของ GnuPG ว่าคืออะไร
โดย araxvaan จ 19 มิ.ย. 2017 5:39 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
44
จ 19 มิ.ย. 2017 5:39 pm โดย araxvaan