在页面上设置iframe

Question

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

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

如果用户点击中间显示“汤沙拉三明治......”的部分之一，他们将被带到菜单页面，但菜单页面应反映他们在索引页面上做出的选择。目前我已经设置了iframe并且菜单页面的链接正常工作，但它默认为“素食”，因为它是硬编码的，因为您可以在索引页面链接的以下代码行中看到：< / p>

<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与iframe中的任何id对齐：

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

现在在vegetarian.html中你可以拥有：

<input id='choice' />

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