HTML <iframe> sandbox 属性
下面有更多“自己尝试”的示例。
定义和用法
The sandbox 属性为 iframe 中的内容启用一组额外的限制。
当存在 sandbox 属性时，它将
- 将内容视为来自唯一来源
- 阻止表单提交
- 阻止脚本执行
- 禁用 API
- 防止链接定位到其他浏览上下文
- 防止内容使用插件（通过
<embed>、<object>、<applet>或其他） - 防止内容导航其顶层浏览上下文
- 阻止自动触发的功能（例如自动播放视频或自动聚焦表单控件）
The sandbox 属性的值可以为空（然后应用所有限制），也可以是预定义值的空格分隔列表，这些值将删除特定的限制。
浏览器支持
表中的数字指定完全支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| sandbox | 4.0 | 10.0 | 17.0 | 5.0 | 15.0 |
语法
<iframe sandbox="value">
属性值
| 值 | 描述 |
|---|---|
| (无值) | 应用所有限制 |
| allow-forms | 允许表单提交 |
| allow-modals | 允许打开模式窗口 |
| allow-orientation-lock | 允许锁定屏幕方向 |
| allow-pointer-lock | 允许使用指针锁定 API |
| 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 内容导航其顶层浏览上下文，但仅限于由用户启动 |
更多示例
示例
允许表单提交的 <iframe> 沙盒
<iframe src="demo_iframe_sandbox_form.htm" sandbox="allow-forms"></iframe>
自己尝试 »
示例
允许脚本的 <iframe> 沙盒
<iframe src="demo_iframe_sandbox_origin.htm" sandbox="allow-scripts"></iframe>
自己尝试 »
❮ HTML <iframe> 标签
