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

Question

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

<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"/>

Answer 1

您必须指定</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。

Answer 2

iframe有一个结束标记：

<iframe ...></iframe>

添加em＆＃39;英寸

Answer 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>