sandbox属性为iframe中的内容启用了一组额外的限制
在线示例
<iframe>具有其他限制：
<!DOCTYPE html> <html> <head> <title>HTML:<iframe> sandbox 属性 - 大卫编程网 div.cn</title> <body> <iframe src="demo-iframe-sandbox.html" sandbox> <p>Your browser does not support iframes.</p> </iframe> <p>“获取日期和时间”按钮将在内联框架中运行脚本。</p> <p>由于设置了沙箱属性，因此不允许内联框架的内容运行脚本。 <p>您可以在沙盒属性中添加“允许脚本”，以允许JavaScript运行。</p> </body> </html>测试看看 ‹/›
浏览器兼容性
IEFirefoxOperaChromeSafari
Internet Explorer 10、Firefox、Chrome 和 Safari 支持 sandbox 属性。
注意：Opera 和 Internet Explorer 9 及之前的版本不支持 sandbox 属性。
定义和用法
sandbox属性为iframe中的内容启用了一组额外的限制。
存在sandbox属性时，它将：
将内容视为来自唯一来源
块状提交
阻止脚本执行
禁用API
阻止链接定位其他浏览上下文
阻止内容使用插件（通过<embed>，<object>，<applet>或其他）
阻止内容导航其顶级浏览上下文
阻止自动触发的功能（例如自动播放视频或自动聚焦表单控件）
sandbox属性的值可以只是sandbox（将应用所有限制），也可以是用空格分隔的预定义值列表，这些列表将删除特定的限制。
HTML 4.01 与 HTML5之间的差异
sandbox 属性是 HTML5 中的新属性。
语法
<iframe sandbox="value">
属性值
| 值 | 描述 |
|---|---|
| "" | 启用所有限制条件 |
| allow-same-origin | 允许将内容作为普通来源对待。如果未使用该关键字，嵌入的内容将被视为一个独立的源。 |
| allow-top-navigation | 嵌入的页面的上下文可以导航（加载）内容到顶级的浏览上下文环境（browsing context）。如果未使用该关键字，这个操作将不可用。 |
| allow-forms | 允许表单提交。 |
| allow-scripts | 允许脚本执行。 |
更多示例
一个允许表单提交的 <iframe> sandbox
启用一系列额外限制，但允许表单提交。
一个允许脚本和访问服务器内容的 <iframe> sandbox
启用一系列额外限制，但允许脚本和访问服务器内容。