HTML <iframe> sandbox 属性

最新推荐文章于 2025-06-19 12:39:56 发布

倪舒扬

最新推荐文章于 2025-06-19 12:39:56 发布

阅读量1.9k

点赞数

本文介绍HTML5中iframe元素的sandbox属性，该属性增强了网页的安全性，防止不信任的Web页面执行脚本、访问父页面DOM等操作。文章还提供了使用示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML <iframe> sandbox 属性

定义和用法

如果指定了空字符串（sandbox=""），该属性对呈现在iframe框架中的内容启用一些额外的限制条件。

sandbox 属性的值既可以是一个空字符串（将会启用所有的限制），也可以是用空格分隔的一系列指定的字符串。

HTML 5通过sandbox属性提升iFrame的安全性。sandbox属性可以防止不信任的Web页面执行某些操作。

HTML 5规范的编辑Ian Hickson谈到了sandbox的好处，它可以防止如下操作：

访问父页面的DOM（从技术角度来说，这是因为相对于父页面iframe已经成为不同的源了）
执行脚本
通过脚本嵌入自己的表单或是操纵表单
对cookie、本地存储或本地SQL数据库的读写

浏览器支持

Internet Explorer 10、Firefox、Chrome 和 Safari 支持 sandbox 属性。

注意：Opera 和 Internet Explorer 9 及之前的版本不支持 sandbox 属性。

举例:

<span style="font-size:18px;"><!DOCTYPE html>
<html>
<body>

<iframe src="http://www.w3school.com.cn/demo/demo_iframe_sandbox.html" sandbox="">
  <p>Your browser does not support iframes.</p>
</iframe>

<p>"获得日期和时间" 按钮会在行内框架中运行一段脚本。</p>
<p>由于 sandbox 属性被设置为空字符串 ("")，行内框架的内容不允许运行脚本。</p>
<p>如果向 sandbox 属性添加 "allow-scripts"，则允许运行 JavaScript。</p>
<p><b>注释：</b>IE 9 以及更早的版本不支持 sandbox 属性，Opera 12 以及更早的版本也不支持该属性。</p>

</body>
</html></span>