我看过很多非常相似的问题，但是它们似乎并不能解决我遇到的特殊情况，但是如果我错过了，请随时将我指向其中之一。
我有一个使用iframe来显示内容html（来自同一域）的网站。我在iframe内容html中具有后退和下一个按钮，可以查看上一个/下一个内容，而不必关闭iframe来选择上一个/下一个。我要执行的是为此添加箭头键功能，以便他们可以仅通过键盘转到上一个/下一个内容页面。我设法使它在内容html上起作用，但是仅当内容html自身在新标签中加载时，它才起作用-但作为iframe失败。我假设我在这里遇到定位问题。 理想仅在打开iframe时才需要此功能，但是如果需要进入根html，我会很灵活。这是我所拥有的：JS-arrowsprevnext.js
var key = e.which||e.keyCode;
switch(key){
//left arrow
case 37:
document.getElementById("prevLink").click();
break;
//right arrow
case 39:
document.getElementById("nextLink").click();
break;
}
});
主要HTML：
<a class='iframe' id="portfolioframe" href="portfolio_SaurianTerrain.html"><img class="image" src="img/TH_Saurian01.jpg"></a>
<a class='iframe' id="portfolioframe" href="portfolio_SaurianBiomes.html"><img class="image" src="img/TH_Saurian02.jpg"></a>
<a class='iframe' id="portfolioframe" href="portfolio_DinosaurValley.html"><img class="image" src="img/TH_FallOfTheDinosaurs_med.jpg"></a>
<a class='iframe' id="portfolioframe" href="portfolio_Halo5_01.html"><img class="image" src="img/TH_Halo501.jpg"></a>
<a class='iframe' id="portfolioframe" href="portfolio_LastSentinel.html"><img class="image" src="img/TH_LastSentinel.jpg"></a>
<a class='iframe' id="portfolioframe" href="portfolio_Murdered.html"><img class="image" src="img/TH_Murdered02.jpg"></a>
<a class='iframe' id="portfolioframe" href="portfolio_VictorianHouse.html"><img class="image" src="img/TH_VictorianHouse.jpg"></a>
<a class='iframe' id="portfolioframe" href="portfolio_AnimalSketches.html"><img class="image" src="img/TH_SketchAnimals01a.jpg"></a>
iframe HTML：
<script src="js/arrowsprevnext.js"></script>
...
...
...
<a id="prevLink" href="portfolio_DinosaurValley.html"><img src="img/prev.png"></a>
[还有更多历史，我为带箭头导航的iframe找到了一个预制脚本（灯箱），该脚本适用于单个图像（我在大多数网站上都使用了该图像）。而且我发现了另一个脚本（颜色框），该脚本可以将很多内容输入到iframe中，但是无法使用html到iframe中进行箭头导航。
谢谢，克里斯
我已经看到了许多非常相似的问题，但是它们似乎并不能解决我所遇到的特殊情况，但是如果我错过了，请随时将我指向其中之一。我有一个网站...
button id="focalpoint" "x"<"/button">并将该ID添加到被调用的url中：<a class='iframe' id="portfolioframe" href="portfolio_Halo5_01.html#focalpoint"><img class="image" src="img/TH_Halo501.jpg"></a>