HTML iframe,一个取消其他?

时间:2014-01-02 22:00:30

标签: html iframe

我有两个iframe,两个都在同一页面上。除了具有onload功能集的人之外,其中任何一个都做得很少。但是,当我将它们放在页面中时,只会加载第一个。如果我切换它们出现的顺序,第二个总是无法显示。两者都能完美地完成。这是包含框架的表的代码:

</td>
</tr>
<tr id="gameFrame">
<td>
<iframe id="gameFrame" src="http://en.wikipedia.org/wiki/Special:Random"/>
</td>
<tr>
<tr id="controls">
<td>
<iframe id="goalFinder" onload="getGoal()" src="http://en.wikipedia.org/wiki/Special:Random"/>
</td>
</tr>
</table>

导致第二帧不显示的原因是什么,我该如何解决?

2 个答案:

答案 0 :(得分:2)

只需为每个iframe添加结束标记,而不是/&gt;

<table>
        <tr>
            <td>
            </td>
        </tr>
        <tr>
            <td>
            <iframe id="gameFrame" src="http://en.wikipedia.org/wiki/Special:Random"></iframe>
            </td>
        <tr>
        <tr id="controls">
            <td>
            <iframe id="goalFinder" onload="getGoal()" src="http://en.wikipedia.org/wiki/Special:Random"></iframe>
            </td>
        </tr>
    </table>

答案 1 :(得分:1)

尝试关闭<iframe>。这不是一个自我封闭的元素。

 <iframe id="gameFrame" src="http://en.wikipedia.org/wiki/Special:Random"></iframe>
<iframe id="goalFinder" onload="getGoal()" src="http://en.wikipedia.org/wiki/Special:Random"></iframe>

DEMO