HTMLFencedFrameElement

实例属性

继承自其父级 HTMLElement 的属性。

HTMLFencedFrameElement.allow 实验性

获取和设置相应的 <fencedframe> allow 属性的值。该属性表示在内容首次嵌入时应用的 权限策略。

HTMLFencedFrameElement.config 实验性

一个 FencedFrameConfig 对象，它代表 <fencedframe> 的导航，即将在其中显示的内容。FencedFrameConfig 可以从 Protected Audience API 等来源获取。

HTMLFencedFrameElement.height 实验性

获取和设置相应的 <fencedframe> height 属性的值，该属性指定元素的高度。

HTMLFencedFrameElement.width 实验性

获取和设置相应的 <fencedframe> width 属性的值，该属性指定元素的宽度。

示例

要设置 <fencedframe> 中将显示的内容，使用的 API（例如 Protected Audience 或 Shared Storage）会生成一个 FencedFrameConfig 对象，然后将其设置为 <fencedframe> 的 config 属性的值。

以下示例从 Protected Audience API 的广告竞价中获取一个 FencedFrameConfig，然后用于在 <fencedframe> 中显示中标广告

const frameConfig = await navigator.runAdAuction({
  // … auction configuration
  resolveToConfig: true,
});

const frame = document.createElement("fencedframe");
frame.config = frameConfig;

规范

浏览器兼容性

另见

• privacysandbox.google.com 上的Fenced frames
• 隐私沙盒（位于 privacysandbox.google.com）