HTMLFencedFrameElement
Deprecated
To be removed
This feature is pending removal from browsers. Using it now may lead to broken functionality in future updates.
Following the announcement that Chrome will maintain its current approach to third-party cookies, Chrome decided to withdraw certain Privacy Sandbox features including the <fencedframe> element and related APIs.
HTMLFencedFrameElement 接口表示 Javascript 中的 <fencedframe> 元素，且提供配置属性。
实例属性
从其父接口 HTMLElement 继承属性。
HTMLFencedFrameElement.allow-
获取并设置对应
<fencedframe>元素的allow属性值，该属性表示内容首次嵌入时应用的权限策略。 HTMLFencedFrameElement.config-
一个
FencedFrameConfig对象，表示<fencedframe>的导航，即其中将显示什么内容。FencedFrameConfig是从诸如受保护的受众 API 等来源返回的。 HTMLFencedFrameElement.height-
获取并设置对应
<fencedframe>元素的height属性的值，该属性指定元素的高度。 HTMLFencedFrameElement.width-
获取并设置对应
<fencedframe>元素的width属性的值，该属性指定元素的宽度。
示例
要设置将在 <fencedframe> 中显示的内容，使用 API（如受保护的受众或共享存储）生成一个 FencedFrameConfig 对象，然后将其设置为 <fencedframe> 的 config 属性值。
以下示例从受保护的受众 API 的广告拍卖中获取一个 FencedFrameConfig，然后使用它在 <fencedframe> 中显示获胜的广告：
const frameConfig = await navigator.runAdAuction({
// 拍卖配置
resolveToConfig: true,
});
const frame = document.createElement("fencedframe");
frame.config = frameConfig;
规范
| 规范 |
|---|
| Fenced Frame # htmlfencedframeelement |