iframe 中的sandbox如何使用

`<iframe>` 中的 `sandbox` 属性是一个布尔属性，它用于指定在该 `iframe` 中加载的文档应该以何种方式运行。该属性的值可以是以下之一或多个值的组合：

- `allow-forms`：指定在 `iframe` 中可以提交表单。
- `allow-modals`：指定在 `iframe` 中可以显示模态对话框。
- `allow-pointer-lock`：指定在 `iframe` 中可以使用 Pointer Lock API。
- `allow-popups`：指定在 `iframe` 中可以打开新窗口。
- `allow-same-origin`：指定在 `iframe` 中可以加载与父文档具有相同源的文档。
- `allow-scripts`：指定在 `iframe` 中可以执行脚本。
- `allow-top-navigation`：指定在 `iframe` 中可以导航到顶级浏览上下文。

如果 `sandbox` 属性的值为空字符串或未指定，则默认情况下不会应用任何限制。

以下是一个示例，展示了如何在 `iframe` 中使用 `sandbox` 属性：

<iframe src="https://example.com" sandbox="allow-forms allow-scripts"></iframe>

在上面的示例中，`sandbox` 属性指定了 `allow-forms` 和 `allow-scripts` 两个值，表示在 `iframe` 中可以提交表单和执行脚本，但是其他功能都被禁用。请注意，`sandbox` 属性的值是一个空格分隔的字符串，其中的值的顺序并不重要。