Question

这是index.html代码..

<body><iframe name="sample" src="first.html" width="100%" height="100%" frameborder="0"  id="sample" /></body>

first.html代码是......

<body>
<div style="width:100%; height: 1900px; background: yellow;"></div>
 <br>
 <a href="second.html">second</a>
</body>

second.html代码

    <body><div style="width:100%; height: 1100px; background: blue;"></div>
<br>
<a href="first.html">first</a></body>

现在我想要的是让索引页面以全高度呈现整个first.html和second.html。不知何故，iframe高度必须调整到它所持有的网页的相应高度。怎么做？

Answer 1

处理iframe尺寸可能会有点痛苦。这不是一个完全答案，但希望它会指出你正确的方向。

您是iframe的作者（或者您是否有权访问作者）？如果是这样，this之类的解决方案应该有效。

我还要给this图书馆（或其58个叉子中的一个）看一看灵感。根据我的经验，post-message API在使用iFrame时非常有用，这就是上面的库是在上面构建的。

希望有所帮助！