HTML - sandbox 属性

sandbox 是一个 HTML 属性，用于阻止在 iframe 中加载的文档使用某些功能（例如提交表单或打开新窗口）。或者它为 iframe 中的内容启用一组额外的限制。

以下是 sanbox 属性存在于 iframe 元素中的功能：

将内容视为来自唯一来源
阻止提交
阻止脚本执行
禁用 API
它阻止链接针对其他浏览上下文。
它阻止内容使用插件（通过 <embed>、<object>、<applet> 或其他）
它阻止内容导航其顶级浏览上下文
它阻止自动触发的功能（例如自动播放视频或自动聚焦表单控件）

语法

以下是 sandbox 属性的语法：


 <iframe sandbox="value">

属性值

allow-forms ：允许表单提交。
allow-pointer-lock：允许使用 Pointer Lock API。
allow-popups ：允许弹出窗口。
allow-same-origin：允许 iframe 内容被视为与包含文档有相同的来源。
allow-scripts ：允许运行脚本。
allow-top-navigation：允许 iframe 内容导航其顶级浏览上下文。

例

在以下示例中，我们在 <iframe> 标记中使用 sandbox 属性来禁用指定网站上的某些功能。


<!DOCTYPE html>
<html>
<head>
	 <title>HTML iframe sandbox Attribute</title>
</head>
<body>
	 <h1 style="color: green;">qikepu <span style="color: black">point</span>
	 </h1>
	 <h2>HTML IFrame sandbox Attribute</h2>
	 <br>
	 <iframe id="tutFrame" src="https://www.qikepu.com/index.htm" width="400" height="200" sandbox></iframe>
</body>
</html>

当我们运行上述代码时，它将生成一个由文本和网页上的 qikepu iframe 组成的输出。

例

考虑以下示例，我们在 <iframe> 标签中使用 sandbox 属性及其值 = “allow-forms”，以在指定网站上启用表单提交功能。


<!DOCTYPE html>
<html>
<head>
	 <title>HTML iframe sandbox Attribute</title>
</head>
<body>
	 <h1 style="color: green;">qikepu <span style="color: black">point</span>
	 </h1>
	 <h2>HTML IFrame sandbox Attribute</h2>
	 <br>
	 <iframe id="tutFrame" src="https://www.qikepu.com/market/login.asp" width="400" height="200" sandbox="allow-forms"></iframe>
</body>
</html>

运行上述代码时，将弹出输出窗口，在网页上显示 QikepuCom 登录页面。

支持浏览器

浏览器
是否支持	4.0	10.0	17.0	5.0	15.0

本页