如何在我的 html 页面中使用多个 iFrame？答案

【问题标题】：How do I use multiple iFrames in my html page?如何在我的 html 页面中使用多个 iFrame？
【发布时间】：2023-04-10 23:27:01
【问题描述】：

我只是将它们一个接一个地放在页面的正文中。如果我使用<object> 执行此操作，我会看到它们。使用 iFrame，我只能看到第一个。

<iframe id="AlertMaintenance" style="border-style: none; border-color: inherit; border-width: 0px; height:1222px; width:100%;" src="AlertMaintenance.html"/>

<iframe id="DelayReason" style="border-style: none; border-color: inherit; border-width: 0px; height:1222px; width:100%;" src="DelayReason.html"/>

【问题讨论】：

标签： html iframe

【解决方案1】：

iframe 有一个结束标签：

<iframe ...></iframe>

添加他们。

【讨论】：

【解决方案2】：

您必须指定一个</iframe> 结束标记。自闭合标签 (/>) 不起作用。

工作代码：

<iframe id="AlertMaintenance" style="border-style: none; border-color: inherit; border-width: 0px; height:1222px; width:100%;" src="AlertMaintenance.html"></iframe>
<iframe id="DelayReason" style="border-style: none; border-color: inherit; border-width: 0px; height:1222px; width:100%;" src="DelayReason.html"></iframe>

结束标签是必需的。另见：MDN: iFrame。

【讨论】：

【解决方案3】：

您正在尝试使用自闭合标签。

将其更改为：

<iframe id="AlertMaintenance" style="border-style: none; border-color: inherit; border-width: 0px; height:1222px; width:100%;" src="AlertMaintenance.html"></iframe>

<iframe id="DelayReason" style="border-style: none; border-color: inherit; border-width: 0px; height:1222px; width:100%;" src="DelayReason.html"></iframe>

【讨论】：