Thuộc tính sandbox của HTML <iframe>

HTML <iframe> thẻ

Định nghĩa và cách sử dụng

sandbox Thuộc tính đã kích hoạt một nhóm hạn chế bổ sung cho nội dung trong <iframe>.

Khi sandbox Khi thuộc tính tồn tại, nó sẽ:

  • Xem nội dung như đến từ nguồn duy nhất
  • Ngăn chặn việc gửi biểu mẫu
  • Ngăn chặn việc thực thi script
  • Tắt API
  • Ngăn chặn liên kết hướng đến ngữ cảnh duyệt web khác
  • Ngăn chặn nội dung sử dụng plugin (qua <embed>, <object>, <applet> hoặc các cách khác)
  • Ngăn chặn nội dung định hướng lên ngữ cảnh duyệt web顶层
  • Ngăn chặn các chức năng tự động kích hoạt (ví dụ như phát video tự động hoặc tự động tập trung vào các điều khiển biểu mẫu)

sandbox Giá trị thuộc tính có thể là rỗng (thì áp dụng tất cả các hạn chế), hoặc là danh sách các giá trị định nghĩa trước được phân隔 bởi dấu cách, điều này sẽ loại bỏ một số hạn chế cụ thể.

Thực例

Ví dụ 1

<iframe> với các hạn chế bổ sung:

<iframe src="demo_iframe_sandbox.htm" sandbox></iframe>

Thử trực tiếp

Ví dụ 2

Cho phép các <iframe>沙盒 gửi biểu mẫu:

<iframe src="demo_iframe_sandbox_form.htm" sandbox="allow-forms"></iframe>

Thử trực tiếp

Ví dụ 3

Cho phép các <iframe>沙盒 chạy script:

<iframe src="demo_iframe_sandbox_origin.htm" sandbox="allow-scripts"></iframe>

Thử trực tiếp

Ngữ pháp

<iframe sandbox="value">

Giá trị thuộc tính

Giá trị Mô tả
"" (không có giá trị) Áp dụng tất cả các hạn chế dưới đây.
allow-forms Cho phép gửi biểu mẫu.
allow-modals Cho phép mở cửa sổ mô đun.
allow-orientation-lock Cho phép khóa hướng màn hình.
allow-pointer-lock Cho phép sử dụng Pointer Lock API.
allow-popups Cho phép cửa sổ bật lên.
allow-popups-to-escape-sandbox Cho phép cửa sổ bật lên mở cửa sổ mới mà không kế thừa hộp cát.
allow-presentation Cho phép bắt đầu phiên bản trình diễn.
allow-same-origin Cho phép nội dung iframe được coi là có cùng nguồn với tài liệu bao gồm.
allow-scripts Cho phép chạy script.
allow-top-navigation Cho phép nội dung iframe định hướng ngữ cảnh duyệt web cấp cao.
allow-top-navigation-by-user-activation Cho phép nội dung iframe định hướng ngữ cảnh duyệt web cấp cao, nhưng chỉ trong trường hợp người dùng khởi xướng.

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 10.0 17.0 5.0 15.0

HTML <iframe> thẻ