HTML - sandbox 属性

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

以下是在 iframe 元素中存在 sandbox 属性时的功能：

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

语法

以下是 sandbox 属性的语法：

<iframe sandbox="value">

属性值

allow-forms - 重新启用表单提交
allow-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;">tutorials <span style="color: black">point</span>
   </h1>
   <h2>HTML IFrame sandbox Attribute</h2>
   <br>
   <iframe id="tutFrame" src="https://tutorialspoint.com/index.htm" width="400" height="200" sandbox></iframe>
</body>
</html>

运行以上代码时，它将生成一个包含文本和 tutorialspoint iframe 的网页输出。

示例

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

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

运行以上代码后，输出窗口将弹出，在网页上显示 tutorialspoint 登录页面。

html_attributes_reference.htm

打印页面