แอตทริบิวต sandbox ของ HTML <iframe>
การใช้งานและการประกาศ
sandbox แอตทริบิวตให้เนื้อหาใน <iframe> มีข้อจำกัดเพิ่มเติม
เมื่อ sandbox เมื่อมีแอตทริบิวต
- จะใช้เนื้อหาเป็นเพียงแหล่งข้อมูลเดียว
- ป้องกันการส่งฟอร์ม
- ป้องกันการปฏิบัติการสคริปต์
- ปิดการใช้ API
- ป้องกันลิงก์ที่นำไปสู่บริเวณนอกเว็บเบราว์เซอร์
- ป้องกันให้เนื้อหาใช้ปลั๊กอิน (ผ่าน <embed>、<object>、<applet> หรือวิธีอื่น)
- ป้องกันให้เนื้อหานำทางไปยังบริเวณนอกเว็บเบราว์เซอร์
- ป้องกันการโปรโมทการกระทำอัตโนมัติ (เช่น การเล่นวิดีโออัตโนมัติ หรือ การเฟ้นโซนคอนโทนคอนโทนเอง)
sandbox ค่าของแอตทริบิวตสามารถเป็นค่าว่าง (จะใช้ทั้งหมดข้อจำกัด) หรือเป็นรายการค่าที่กำหนดก่อนหน้าด้วยระยะว่างแยก (จะลบข้อจำกัดเฉพาะอย่างยิ่ง)
ตัวอย่าง
ตัวอย่าง 1
<iframe> ที่มีข้อจำกัดเพิ่มเติม
<iframe src="demo_iframe_sandbox.htm" sandbox></iframe>
ตัวอย่าง 2
อนุญาตให้ <iframe> ส่งฟอร์ม
<iframe src="demo_iframe_sandbox_form.htm" sandbox="allow-forms"></iframe>
ตัวอย่าง 3
อนุญาตให้ <iframe> ใช้สแนบโก้ก
<iframe src="demo_iframe_sandbox_origin.htm" sandbox="allow-scripts"></iframe>
ภาษาสั้น
<iframe sandbox="value">
ค่าของแอตทริบิวต
| ค่า | รายละเอียด |
|---|---|
| ""（ไม่มีค่า） | ใช้ทั้งหมดข้อจำกัดที่กำหนด |
| allow-forms | อนุญาตให้ส่งฟอร์ม |
| allow-modals | อนุญาตให้เปิดหน้าต่างโมดัล |
| allow-orientation-lock | อนุญาตให้ล็อคมุมหน้าจอ |
| allow-pointer-lock | อนุญาตให้ใช้ API Pointer Lock |
| allow-popups | อนุญาตให้หน้าต่างปรับปรุง |
| allow-popups-to-escape-sandbox | อนุญาตให้หน้าต่างปรับปรุงเปิดใหม่ โดยไม่ทำให้เป็นระบบฝายหลัง |
| allow-presentation | อนุญาตให้เริ่มเปิดตัวการประชุมการแสดง |
| allow-same-origin | อนุญาตให้เนื้อหา iframe ถือว่ามีต้นกำเนิดเดียวกับเอกสารที่มี |
| allow-scripts | อนุญาตให้ปฏิบัติการสคริปต์ |
| allow-top-navigation | อนุญาตให้內容 iframe นำทางความเป็นส่วนต้นของบราวเซอร์ |
| allow-top-navigation-by-user-activation | อนุญาตให้內容 iframe นำทางความเป็นส่วนต้นของบราวเซอร์ แต่แค่ในกรณีที่ผู้ใช้เริ่มต้น |
การสนับสนุนบราวเซอร์
ตัวเลขในตารางนี้บอกเรื่องสำหรับเวอร์ชั่นบราวเซอร์ที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 10.0 | 17.0 | 5.0 | 15.0 |
