คุณสมบัติใหม่ของ HTML5 ที่จำเป็นสำหรับการสัมภาษณ์หน้า

HTML5: HTML5 คืออะไรคือ HTML รุ่นต่อไปซึ่งจะกลายเป็นมาตรฐานใหม่สำหรับ HTML, XHTML และ HTML DOM วันนี้เรามาพูดถึงคำถามที่ฉันจะถูกถามทุกครั้งที่การสัมภาษณ์หน้าคือซึ่งเป็นคุณสมบัติใหม่ของ HTML5 นี่คือความรู้พื้นฐานที่ต้องเชี่ยวชาญในตอนท้ายของการเรียนรู้

HTML5 เพิ่มองค์ประกอบฉลากความหมายที่ดีกว่า

1. องค์ประกอบบทความแสดงถึงเนื้อหาอิสระที่ไม่เกี่ยวข้องกับบริบทเช่นบทความในบล็อก
2. นอกเหนือจากองค์ประกอบแสดงเนื้อหาอื่นนอกเหนือจากเนื้อหาบทความข้อมูลที่ได้รับความช่วยเหลือ
3. องค์ประกอบส่วนหัวแสดงถึงบล็อกเนื้อหาหรือส่วนหัวของทั้งหน้าในหน้า
4. องค์ประกอบ HGroup ใช้เพื่อรวมชื่อของบล็อกหรือทั้งหน้าในหน้า
5. องค์ประกอบส่วนท้ายหมายถึงบล็อกเนื้อหาหรือหน้าเต็มในหน้า
6. องค์ประกอบรูปแสดงการจัดกลุ่มเนื้อหาสื่อและชื่อของพวกเขา
7. องค์ประกอบส่วนแสดงถึงบล็อกเนื้อหาในหน้าเช่นบท
8. องค์ประกอบ NAV ระบุลิงค์การนำทางในหน้า

1. องค์ประกอบวิดีโอใช้เพื่อกำหนดวิดีโอ
2. องค์ประกอบเสียงใช้เพื่อกำหนดเสียง
3. องค์ประกอบผ้าใบใช้เพื่อแสดงกราฟิกซึ่งไม่มีพฤติกรรมและผืนผ้าใบเพียงชิ้นเดียว
4. องค์ประกอบที่ใช้ในการแทรกมัลติมีเดียต่างๆ
5. องค์ประกอบของมาร์คใช้เพื่อแสดงไฮไลท์
6. องค์ประกอบความคืบหน้าใช้เพื่อแสดงความคืบหน้าของงานทุกประเภท
7. องค์ประกอบมิเตอร์บ่งบอกถึงมาตรการและกำหนดการวัดภายในช่วงที่กำหนดไว้ล่วงหน้า
8. องค์ประกอบเวลาใช้เพื่อแสดงวันที่หรือเวลา
9. องค์ประกอบคำสั่งระบุปุ่มคำสั่ง
10. องค์ประกอบรายละเอียดใช้เพื่อแสดงข้อมูลรายละเอียดที่ผู้ใช้ต้องการและสามารถรับได้
11. องค์ประกอบสรุปใช้เพื่อกำหนดชื่อที่มองเห็นได้สำหรับองค์ประกอบรายละเอียด
12. องค์ประกอบ Datalist ใช้เพื่อแสดงรายการข้อมูลที่เป็นตัวเลือก
13. องค์ประกอบ DataGrid ยังใช้เพื่อแสดงรายการข้อมูลเสริมซึ่งจะแสดงในรูปแบบของรายการต้นไม้
14. องค์ประกอบ keygen ระบุคีย์ในการสร้าง
15. องค์ประกอบเอาท์พุทบ่งบอกถึงประเภทของเอาต์พุตที่แตกต่างกัน
16. องค์ประกอบแหล่งที่มากำหนดทรัพยากรสื่อสำหรับองค์ประกอบสื่อ
17. องค์ประกอบเมนูระบุรายการเมนู
18. องค์ประกอบทับทิมแสดงถึงความคิดเห็นของทับทิมองค์ประกอบ RT แสดงถึงการตีความหรือการออกเสียงของตัวละคร องค์ประกอบ RP ถูกใช้ใน Notes Ruby เพื่อกำหนดเนื้อหาที่แสดงโดยเบราว์เซอร์ที่ไม่รองรับองค์ประกอบทับทิม
19. องค์ประกอบ WBR บ่งบอกถึงการสลับนุ่ม ความแตกต่างจากองค์ประกอบ BR คือองค์ประกอบ BR หมายความว่าองค์ประกอบ WBR หมายถึงความกว้างของหน้าต่างเบราว์เซอร์หรือองค์ประกอบระดับพาเรนต์ อย่าเปลี่ยนเส้นและเมื่อความกว้างไม่เพียงพอให้ใช้ความคิดริเริ่มในการเปลี่ยนธนาคาร
20. องค์ประกอบ BDI กำหนดทิศทางข้อความของข้อความเพื่อให้ถูกตั้งค่าจากทิศทางของข้อความที่อยู่รอบ ๆ
21. องค์ประกอบโต้ตอบระบุกล่องโต้ตอบหรือหน้าต่าง

องค์ประกอบการแสดงออกอย่างหมดจดจะถูกยกเลิกใน HTML5 เท่านั้น

องค์ประกอบของการแสดงออกที่บริสุทธิ์คือองค์ประกอบที่สามารถแทนที่ด้วย CSS Basefont, Big, Center, Font, S, Strike, TT, U, ฟังก์ชั่นของพวกเขาถูกแสดงอย่างหมดจดสำหรับการแสดงผลหน้าเว็บ

สำหรับองค์ประกอบเฟรมชุดองค์ประกอบเฟรมและองค์ประกอบของ Noframes เนื่องจากเฟรมเฟรมเฟรมมีผลกระทบเชิงลบต่อความพร้อมใช้งานของเว็บเฟรมเฟรมไม่ได้รับการสนับสนุนใน HTML5 อีกต่อไปและรองรับเฟรมเวิร์ก IFRAME เท่านั้น

สำหรับแอปเพล็ต, BGSOUND, Blink, Marquee และองค์ประกอบอื่น ๆ เพราะมีเพียงเบราว์เซอร์บางตัวที่รองรับโดยเฉพาะอย่างยิ่งองค์ประกอบ BGSOUND และองค์ประกอบของกระโจมเท่านั้นที่ได้รับการสนับสนุนจาก IE เท่านั้นพวกเขาจะถูกยกเลิกใน HTML5 องค์ประกอบของแอปเพล็ตสามารถถูกแทนที่ด้วยองค์ประกอบที่ฝังอยู่หรือองค์ประกอบวัตถุองค์ประกอบ BGSOUND สามารถถูกแทนที่ด้วยองค์ประกอบเสียงและสามารถแทนที่มาจากการเขียนโปรแกรม JavaScript

องค์ประกอบผ้าใบที่กล่าวถึงข้างต้นสามารถให้ผืนผ้าใบสำหรับหน้าเพื่อแสดงกราฟิก เมื่อรวมกับ Canvas API คุณสามารถสร้างและแสดงกราฟิกแผนภูมิภาพและภาพเคลื่อนไหวบนผืนผ้าใบนี้ได้ ผ้าใบเป็นกราฟิกเป็นหลัก ไม่จำเป็นต้องใช้แต่ละแผนภูมิเป็นที่เก็บวัตถุและประสิทธิภาพการทำงานดีมาก

ใช้ Canvas API เพื่อวาดบริบทขององค์ประกอบ Canvas ก่อนจากนั้นใช้ฟังก์ชั่นการวาดภาพต่าง ๆ ที่ห่อหุ้มในบริบทที่จะวาด

 <canvas id = canvas> เนื้อหาทางเลือก < /canvas> <script> var canvas = document.getElementById ('Canvas'); / การฝึกฝนแสดงให้เห็นว่าบริบทของแบล็กเป็นสีดำเติมเต็ม (0, 0, 100, 100, 100);

SVG เป็นฟังก์ชั่นกราฟิกอื่นของ HTML5 HTML5 แนะนำ SVG Union ภายในเพื่อให้องค์ประกอบ SVG สามารถปรากฏโดยตรงในเครื่องหมาย HTML

 <svg height = 100 width = 100> <circle cx = 50 cy = 50 r = 50 /svg>

การเกิดขึ้นขององค์ประกอบเสียงและวิดีโอทำให้แอพพลิเคชั่น HTML5 Media มีตัวเลือกใหม่ ๆ มากขึ้น สำหรับองค์ประกอบทั้งสองนี้ข้อกำหนด HTML5 ให้ API ทั่วไปที่สมบูรณ์และสคริปต์ -ควบคุม

ก่อนที่ข้อกำหนด HTML5 จะออกมาวิธีทั่วไปในการเล่นวิดีโอบนหน้าคือการใช้ Flash, QuickTime หรือ Windows Media Plug -in เพื่อฝังเสียงและวิดีโอใน HTML แท็ก

1. ในฐานะที่เป็นฟังก์ชั่นของการสนับสนุนดั้งเดิมของเบราว์เซอร์องค์ประกอบเสียงและวิดีโอใหม่ไม่จำเป็นต้องติดตั้ง
2. องค์ประกอบของสื่อต้องการให้หน้าเว็บเพื่อให้ API ที่เป็นสากลรวมและสคริปต์ -ควบคุม

 <video src = video.webm controls> <data object = videoplayer.swf type = application /x-shockwave-flash> <param name = video video.swf /> </jobch> เบราว์เซอร์ของคุณไม่รองรับวิดีโอ HTML5 </video>

ไม่ว่าการตรวจจับเบราว์เซอร์จะรองรับองค์ประกอบเสียงหรือองค์ประกอบวิดีโอเป็นวิธีที่ง่ายที่สุดในการสร้างสคริปต์แบบไดนามิกแล้วตรวจพบว่ามีฟังก์ชั่นเฉพาะหรือไม่

 var hasvideo = !! (document.createelement ('วิดีโอ').

HTML5 GEOLOCATION API (API การวางตำแหน่งทางภูมิศาสตร์) สามารถขอให้ผู้ใช้แบ่งปันตำแหน่งของพวกเขา วิธีการใช้งานนั้นง่ายมาก . ข้อมูลสถานที่ประกอบด้วยละติจูดพิกัดลองจิจูดและข้อมูลเมตาอื่น ๆ

GEOLOCATION API ไม่ได้ระบุเทคโนโลยีพื้นฐานที่จะใช้ผู้ใช้เพื่อค้นหาแอปพลิเคชันของแอปพลิเคชัน แต่จะใช้เพื่อดึงข้อมูล API ของข้อมูลตำแหน่งเท่านั้นและข้อมูลที่ดึงมาผ่าน API นั้นมีความแม่นยำในระดับหนึ่งเท่านั้นและไม่สามารถรับประกันได้ว่าตำแหน่งของการส่งคืนอุปกรณ์นั้นแม่นยำ อุปกรณ์สามารถใช้แหล่งข้อมูลต่อไปนี้:

1. ที่อยู่ IP

   พิกัดสามมิติ

   GPS

   ที่อยู่ MAC จาก RFID, WiFi และ Bluetooth ถึง WiFi

2. รหัสโทรศัพท์ GSM หรือ CDMA
3. ข้อมูลที่ผู้ใช้กำหนดเอง

 // อัปเดต Navigator.Geolocation.getCurrentPosition (updateLocation, handleLocationeror); // ความถูกต้อง var timestamp = position.coords.timestamp; สถานที่อัพเดท Navigator.geolocation.ClearWatch (watchId);

สำหรับการพิจารณาความปลอดภัยการสื่อสารระหว่างเฟรมแท็บและหน้าต่างในเบราว์เซอร์เดียวกันได้ถูก จำกัด อย่างเคร่งครัด อย่างไรก็ตามในความเป็นจริงมีความต้องการที่สมเหตุสมผลสำหรับเนื้อหาของไซต์ต่าง ๆ เพื่อโต้ตอบในเบราว์เซอร์ ในกรณีนี้หากเบราว์เซอร์สามารถให้กลไกการสื่อสารโดยตรงแอปพลิเคชันเหล่านี้สามารถจัดระเบียบได้ดีขึ้น

มีการแนะนำคุณสมบัติใหม่ใน HTML5, การสื่อสารข้อความ Cross -document ซึ่งสามารถมั่นใจได้ว่า iframe, หน้าแท็บและหน้าต่างจะดำเนินการอย่างปลอดภัย Postmessage API เป็นวิธีการส่งข้อความมาตรฐาน

 Window.postMessage ('Hello, World', 'http://www.example.com/');

เมื่อได้รับข้อความคุณจะต้องเพิ่มฟังก์ชั่นการประมวลผลเหตุการณ์ในหน้าเท่านั้น เมื่อข้อความมาถึงแหล่งที่มาของข้อความจะถูกกำหนดให้ตัดสินใจว่าจะจัดการกับข้อความหรือไม่

 window.addeventListener (ข้อความ, messagehandler, true); t รับรู้ // ข้อความถูกละเว้น}}

เหตุการณ์ข้อความเป็นเหตุการณ์ DOM ที่มีข้อมูล (ข้อมูล) และแอตทริบิวต์แหล่งกำเนิด แอตทริบิวต์ข้อมูลคือข้อความจริงที่ส่งโดยผู้ส่งและแอตทริบิวต์ Origin เป็นแหล่งที่มาของการส่ง

XMLHTTPREQUEST API ทำให้เทคโนโลยี AJAX เป็นไปได้ มีสองด้านหลัก:

1. Cross -source Xmlhttprequest
2. ความคืบหน้า

ในอดีต XMLHTTPREQUEST ถูก จำกัด อยู่ที่การสื่อสารที่คล้ายคลึงกันและ XMLHTTTPREQUEST Level2 ได้ตระหนักถึง XMLHTTTPREQUEST ข้ามชาติผ่าน CORS การร้องขอ Cross -Source HTTP มีหัว Origin ซึ่งให้ข้อมูลเซิร์ฟเวอร์พร้อมข้อมูลแหล่งที่มาของคำขอ HTTP

WebSockets เป็นฟังก์ชั่นการสื่อสารที่ทรงพลังที่สุดใน HTML5

เพื่อสร้างการสื่อสาร WebSockets ไคลเอนต์และเซิร์ฟเวอร์จะอัพเกรดโปรโตคอล HTTP เป็นโปรโตคอล WebSocket เมื่อจับมือกัน เมื่อสร้างการเชื่อมต่อเรียบร้อยแล้วเราสามารถส่งข้อความ WebSocket ไปมาระหว่างไคลเอนต์และเซิร์ฟเวอร์ภายใต้โหมดการทำงานแบบคู่เต็ม

นอกเหนือจากคำจำกัดความของโปรโตคอล WebSockets แล้วข้อมูลจำเพาะยังกำหนดอินเตอร์เฟส WebSocket สำหรับแอปพลิเคชัน JavaScript การใช้อินเทอร์เฟซ WebSockets นั้นง่ายมาก ในการเชื่อมต่อโฮสต์ระยะไกลคุณจะต้องสร้างอินสแตนซ์ WebSocket ใหม่เพื่อให้ URL คู่ที่หวังว่าจะเชื่อมต่อ

1. เทลองค์ประกอบระบุหมายเลขโทรศัพท์
2. องค์ประกอบอีเมลระบุกล่องข้อความที่อยู่อีเมล
3. องค์ประกอบ URL ระบุ URL ของหน้าเว็บ
4. องค์ประกอบค้นหาสำหรับเครื่องมือค้นหาเช่นกล่องค้นหาที่แสดงที่ด้านบนของไซต์
5. องค์ประกอบช่วงตัวเลือกตัวเลขในช่วงเฉพาะจอแสดงผลทั่วไปคือแถบเลื่อน
6. องค์ประกอบตัวเลขมีเพียงฟิลด์ค่าค่า

1. องค์ประกอบสีตัวเลือกสีขึ้นอยู่กับจานสีหรือบอร์ดสีสำหรับการเลือก
2. องค์ประกอบ DateTime แสดงวันที่และเวลาที่สมบูรณ์รวมถึงเขตเวลา
3. DateTime-Local วันที่และเวลาแสดง
4. องค์ประกอบเวลาตัวเลือกเวลาและตัวบ่งชี้ของเขตเวลา
5. องค์ประกอบวันที่ตัวเลือกวันที่
6. องค์ประกอบสัปดาห์ตัวเลือกรายสัปดาห์ในปีที่แน่นอน
7. องค์ประกอบเดือนซึ่งเป็นตัวเลือกรายเดือนในปีที่แน่นอน

เมื่อผู้ใช้ไม่มีค่าอินพุตตัวควบคุมอินพุตสามารถแสดงคำอธิบายเชิงพรรณนาหรือข้อมูลพรอมต์ให้กับผู้ใช้ผ่านคุณลักษณะของตัวยึดตำแหน่ง

 <ชื่ออินพุต = ชื่อ placeholder = ชื่อแรกและนามสกุล>

เบราว์เซอร์สามารถรู้ได้ว่าควรเก็บค่าอินพุตผ่านการเติมข้อความอัตโนมัติหรือไม่

ผ่านลักษณะการโฟกัสอัตโนมัติคุณสามารถระบุองค์ประกอบตารางเพื่อรับโฟกัสอินพุต

การควบคุมอินพุตด้วยเนื้อหาข้อความและคุณสมบัติการควบคุมเชิงพื้นที่ Textarea SpecialCheck หลังจากตั้งค่าคุณจะถามเบราว์เซอร์ว่าคุณควรให้ข้อเสนอแนะจากผลลัพธ์ของการตรวจสอบการสะกดคำหรือไม่ แอตทริบิวต์การสะกดจะต้องได้รับมอบหมาย

เมื่อรวมกับคุณสมบัติของรายการและองค์ประกอบ Datalist นักพัฒนาสามารถสร้างรายการการเลือกค่าสำหรับการควบคุมประเภทอินพุต

 <datalist id = contactlist> <value [email protected]> </opovie> <ตัวเลือกค่า [email protected]> </optural> </tatalist> <อินพุตประเภท = อีเมล = ติดต่อ = รายชื่อผู้ติดต่อ>

ด้วยการตั้งค่าคุณสมบัติ MIN และ MAX ช่วงอินพุตค่าของกล่องอินพุตช่วงสามารถ จำกัด ได้ระหว่างค่าต่ำสุดและค่าสูงสุด คุณสามารถตั้งค่าได้เพียงหนึ่งหรือสองหรือสองหรือคุณไม่สามารถตั้งค่าได้

สำหรับการควบคุมประเภทอินพุตการตั้งค่าคุณสมบัติขั้นตอนสามารถระบุความละเอียดของการเพิ่มขึ้นหรือลดค่าอินพุต

เมื่อมีการตั้งค่าคุณสมบัติที่ต้องการสำหรับการควบคุมประเภทอินพุตแล้วรายการนี้จะต้องกรอกข้อมูลไม่เช่นนั้นจะไม่สามารถส่งแบบฟอร์มได้

หากองค์ประกอบ draggable ขององค์ประกอบเว็บเป็นจริงองค์ประกอบนี้สามารถลากได้

 <div draggable = tring> draggable div </div>

กระบวนการลากจะก่อให้เกิดเหตุการณ์มากมายส่วนใหญ่ในสิ่งต่อไปนี้:

1. DragStart: องค์ประกอบหน้าเว็บจะถูกเรียกใช้เมื่อลาก
2. Drag: องค์ประกอบที่ถูกลากยังคงถูกกระตุ้นในระหว่างการลาก
3. Dragenter: เมื่อองค์ประกอบที่ถูกลากถูกเรียกใช้เมื่อป้อนองค์ประกอบเป้าหมายเหตุการณ์ควรฟังองค์ประกอบเป้าหมาย
4. Dragleave: เมื่อมีการเรียกองค์ประกอบที่ถูกลากเหตุการณ์ควรฟังองค์ประกอบของวัตถุ
5. Dragover: ทริกเกอร์อย่างต่อเนื่องเมื่อองค์ประกอบการลากอยู่ในองค์ประกอบเป้าหมายและเหตุการณ์ควรฟังองค์ประกอบเป้าหมาย
6. DRAP: การลากองค์ประกอบหรือไฟล์ที่เลือกจากระบบไฟล์ทริกเกอร์เมื่อลากและล้ม
7. Dragend: องค์ประกอบหน้าเว็บจะถูกทริกเกอร์ในตอนท้าย

 DraggableElement.addeVentListener ('DragStart', ฟังก์ชั่น (e) {console.log ('Drag Start!');});

ในระหว่างการลากพารามิเตอร์เหตุการณ์ที่ได้รับการยอมรับจากฟังก์ชั่นการโทรกลับมีแอตทริบิวต์ dataTransfer ชี้ไปที่วัตถุรวมถึงข้อมูลต่าง ๆ ที่เกี่ยวข้องกับการลาก

 DraggableElement.addeVentListener ('DragStart', ฟังก์ชั่น (เหตุการณ์) {event.datatransfer.setData ('ข้อความ', 'Hello World!');});

1. Dropeffect: ประเภทการทำงานแบบลากและดรอปกำหนดว่าเบราว์เซอร์จะแสดงรูปร่างของเมาส์ได้อย่างไร
2. Effectalowed: การระบุการดำเนินการที่อนุญาตค่าที่เป็นไปได้คือการคัดลอก, ย้าย, ลิงก์, copylink, copymove, linkmove, ทั้งหมด, ไม่มีและไม่ได้รับการกำหนดค่า (ค่าเริ่มต้นเทียบเท่ากับทั้งหมดนั่นคืออนุญาตการดำเนินการทั้งหมด)
3. ไฟล์: มีวัตถุ FileList ซึ่งระบุไฟล์ที่เกี่ยวข้องในการลากและวางซึ่งส่วนใหญ่จะใช้ในการประมวลผลไฟล์ที่ลากลงในเบราว์เซอร์จากระบบไฟล์
4. ประเภท: ประเภทของข้อมูลที่เก็บไว้ในวัตถุ DataTransfer

1. setData (รูปแบบ, ข้อมูล): จัดเก็บข้อมูลบนวัตถุ DataTransfer รูปแบบพารามิเตอร์แรกใช้เพื่อระบุชนิดข้อมูลการจัดเก็บเช่นข้อความ, URL, ข้อความ/HTML ฯลฯ
2. getData (รูปแบบ): นำข้อมูลจากวัตถุ DataTransfer
3. ClearData (รูปแบบ): ล้างข้อมูลที่เก็บไว้โดยวัตถุ DataTransfer หากมีการระบุพารามิเตอร์รูปแบบเฉพาะข้อมูลของรูปแบบจะถูกล้างมิฉะนั้นข้อมูลทั้งหมดจะถูกลบออก
4. SetDragimage (Imagelement, X, Y): ระบุภาพที่แสดงในระหว่างกระบวนการลาก โดยค่าเริ่มต้นเบราว์เซอร์จำนวนมากจะแสดงองค์ประกอบการลากกึ่งโปร่งใส พารามิเตอร์ imgelement จะต้องเป็นองค์ประกอบภาพไม่ใช่เส้นทางของภาพและพารามิเตอร์ x และ y ระบุตำแหน่งของภาพสำหรับเมาส์

JavaScript เป็นเธรดเดียว ดังนั้นการคำนวณระยะเวลานานย้อนกลับไปบล็อกเธรด UI ซึ่งทำให้ข้อความเติมข้อความในกล่องข้อความคลิกปุ่ม ฯลฯ และในเบราว์เซอร์ส่วนใหญ่เว้นแต่ว่าการควบคุมจะถูกส่งคืน หน้าแท็บใหม่ วิธีการแก้ปัญหานี้คือ Web Worker ซึ่งช่วยให้เว็บแอปพลิเคชันมีความสามารถในการประมวลผลพื้นหลังและการสนับสนุนสำหรับหลายเธรดนั้นดีมาก

อย่างไรก็ตามสคริปต์ที่ดำเนินการในผู้ทำงานบนเว็บไม่สามารถเข้าถึงวัตถุหน้าต่างในหน้าได้นั่นคือผู้ทำงานบนเว็บไม่สามารถเข้าถึงเว็บเพจและ DOM API ได้โดยตรง แม้ว่าพนักงานเว็บจะไม่ทำให้เบราว์เซอร์ UI หยุดการตอบสนอง แต่ก็ยังคงใช้วัฏจักร CPU ส่งผลให้ความเร็วในการตอบสนองช้าลง

Web Storage เป็นคุณสมบัติที่สำคัญมากที่แนะนำโดย HTML5

SessionStorage บันทึกข้อมูลในเซสชันและเบราว์เซอร์จะปิดข้อมูลให้หายไป

LocalStorage ได้บันทึกข้อมูลบนลูกค้าไว้เสมอเว้นแต่จะถูกลบด้วยตนเองมันจะถูกเก็บไว้

ไม่ว่าจะเป็น SessionStorage หรือ LocalStorage, API ที่สามารถใช้งานได้ก็เหมือนกัน

1. บันทึกข้อมูล: localstorage.setItem (คีย์, ค่า);
2. อ่านข้อมูล: localstorage.getItem (คีย์);
3. ลบข้อมูลเดียว: localstorage.removeitem (คีย์);
4. ลบข้อมูลทั้งหมด: localstorage.clear ();
5. กุญแจสำคัญในการรับดัชนีบางอย่าง: localstorage.key (ดัชนี);

ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้