在页面上设置iframe

Setting iframes on pages

本文关键字：设置 iframe 更新时间：2024-07-03

我有一个正在开发的基本网站，我想在其中一个页面上添加一个iframe。所以我想做的是从索引页面到另一个页面有几个链接。但是，根据在索引页面上选择的链接，打开新页面时应该显示该iframe。

你可以在这里查看网站的大致情况：www.hansmoolman.com

如果用户点击中间一个写着"汤、沙拉、三明治……"的部分，他们将被带到菜单页面，但菜单页面应该反映他们在索引页面上所做的选择。目前，我已经设置了iframe，菜单页面的链接也在工作，但它默认为"素食主义者"，因为它是硬编码的，正如你在从索引页面链接的以下代码行中看到的那样：

<li><a href="vegetarian.html" target="inlineFrame">Vegetarians</a></li>

到显示iframe的菜单页，如下所示：

<div class="inlineStyle"> <iframe name="inlineFrame" src="vegetarian.html" frameborder="0" scrolling="no" width="108%" height="auto" marginwidth="5" marginheight="5" ></iframe> </div>

如何使我的iframe自动显示用户在索引页上选择的选项？某种JavaScript（if-else语句？）是她最好的解决方案吗？或者有其他方法吗？

您可以使用url的片段部分将iframe快照到iframe中的任何id：

<iframe src="vegetarian.html#choice"/>

现在在素食主义者.html中，你可以拥有：

<input id='choice' />

Ant这个输入文件将位于iframe的左上角。