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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 22 พฤษภาคม 2561
โดย Rujikon อ 22 พฤษภาคม 2018 10:37 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
0
4
อ 22 พฤษภาคม 2018 10:37 am โดย Rujikon
งานประจำวันที่ 22 พฤษภาคม 2561
โดย rangsan อ 22 พฤษภาคม 2018 9:47 am บอร์ด M058 - รังสรรค์ มุ่งกลาง
0
4
อ 22 พฤษภาคม 2018 9:47 am โดย rangsan
งานประจำวันที่ 22 พฤษภาคม 2561
โดย Parichat อ 22 พฤษภาคม 2018 9:36 am บอร์ด M061 - ปาริชาติ รัตโณภาส
0
2
อ 22 พฤษภาคม 2018 9:36 am โดย Parichat
โน๊ตช่วยจำของ M061
โดย Parichat จ 21 พฤษภาคม 2018 11:50 pm บอร์ด M061 - ปาริชาติ รัตโณภาส
1
1
จ 21 พฤษภาคม 2018 11:52 pm โดย Parichat
งานประจำวันที่ 21 พฤษภาคม 2561
โดย Parichat จ 21 พฤษภาคม 2018 6:53 pm บอร์ด M061 - ปาริชาติ รัตโณภาส
3
8
จ 21 พฤษภาคม 2018 11:57 pm โดย Parichat
Re - R ทำปิดบัญเขียนด้วย IDE Test เป็น webdriver
โดย rangsan จ 21 พฤษภาคม 2018 7:02 pm บอร์ด M058 - รังสรรค์ มุ่งกลาง
0
4
จ 21 พฤษภาคม 2018 7:02 pm โดย rangsan
แนะนำฟีดเจอการทำงานของระบบ OpenERP
โดย Rujikon จ 21 พฤษภาคม 2018 7:01 pm บอร์ด M060 - นายรุจิกร พงษ์พิละ
0
2
จ 21 พฤษภาคม 2018 7:01 pm โดย Rujikon
สอบถามสิทธิประกันสังคม บริการทางการแพทย์
โดย AePongsak จ 21 พฤษภาคม 2018 4:37 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
3
16
จ 21 พฤษภาคม 2018 6:14 pm โดย AePongsak
การติดตั้ง Selenium IDE บน FireFox เพือใช้ในการทำ Automate Test
โดย rangsan จ 21 พฤษภาคม 2018 4:27 pm บอร์ด Share Knowledge
0
9
จ 21 พฤษภาคม 2018 4:27 pm โดย rangsan
Q - ต้องการที่จะทำให้ Selenium นั้นคลิกปุ่มตามที่กำหนด
โดย rangsan จ 21 พฤษภาคม 2018 3:23 pm บอร์ด Selenium
3
9
จ 21 พฤษภาคม 2018 5:14 pm โดย rangsan
การสร้าง Field สำหรับ XML Form ในระบบ Joomla
โดย Parichat จ 21 พฤษภาคม 2018 2:52 pm บอร์ด Joomla Developing Knowledge
0
10
จ 21 พฤษภาคม 2018 2:52 pm โดย Parichat
B - MJUpgrade ค้างที่ขั้นตอน Upgrading
โดย tsukasaz จ 21 พฤษภาคม 2018 11:00 am บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
3
จ 21 พฤษภาคม 2018 5:59 pm โดย tsukasaz
B-ไม่สามารถส่งอีเมลล์หาลูกค้าใน Lead ได้
โดย watcharin จ 21 พฤษภาคม 2018 10:33 am บอร์ด M.D.Soft Co.,Ltd. - Tester
1
9
จ 21 พฤษภาคม 2018 10:43 am โดย mindphp
งานประจำวันที่ 21 พฤษภาคม 2561
โดย Rujikon จ 21 พฤษภาคม 2018 9:56 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
2
16
จ 21 พฤษภาคม 2018 7:37 pm โดย Rujikon
งานประจำวันที่ 21 พฤษภาคม 2561
โดย rangsan จ 21 พฤษภาคม 2018 9:56 am บอร์ด M058 - รังสรรค์ มุ่งกลาง
1
6
จ 21 พฤษภาคม 2018 7:04 pm โดย rangsan
B - Write Checks error
โดย thatsawan อ 20 พฤษภาคม 2018 11:08 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
อ 20 พฤษภาคม 2018 11:08 pm โดย thatsawan
B - กรณีที่เปิด sup inv 2 ใบสถานะ open เเล้วเปิด Sup Payments inv 2 ใบ สถานะ open เเล้วcancel inv 1 ทำให้ Sup Paymenพัง
โดย thatsawan อ 20 พฤษภาคม 2018 10:57 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
3
อ 20 พฤษภาคม 2018 10:57 pm โดย thatsawan
B - error Supplier Payments
โดย thatsawan อ 20 พฤษภาคม 2018 10:29 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
อ 20 พฤษภาคม 2018 10:29 pm โดย thatsawan
งานประจำวัน 19 พฤษภาคม 2561
โดย patcha635 ส 19 พฤษภาคม 2018 7:26 pm บอร์ด M059 - พัชมณ สุวรรณ
0
3
ส 19 พฤษภาคม 2018 7:26 pm โดย patcha635
Re: R - รับค่าจากฟอร์ม รับ Selenium webdirve เพื่อ ทำ automates test ระบบ ERP
โดย rangsan ส 19 พฤษภาคม 2018 7:08 pm บอร์ด M058 - รังสรรค์ มุ่งกลาง
0
5
ส 19 พฤษภาคม 2018 7:08 pm โดย rangsan