javascript - 在页面上设置 iframe

Question

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

您可以在此处查看该网站的草稿:www.hansmoolman.com

如果用户点击中间写着“汤、沙拉、三明治......”的部分，他们将被带到菜单页面，但菜单页面应该反射(reflect)他们在索引页面上所做的选择。目前，我已设置 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 语句？)是否是最好的解决方案，或者还有其他方法吗？

Answer 1

您可以将 iframe 捕捉到任何 id在 iframe 中使用 url 的片段部分:

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

现在在 Vegetarian.html 中您可以拥有:

<input id='choice' />

此输入字段将位于 iframe 的左上角。