使用从父页面到 iframe 的跳转链接

Question

我有一个包含 iFrame 的父页面。锚点具有各自的锚点位于 iframe 之外，但我希望它们能够用作页面跳转链接。

我已尝试添加和定位 iframe，但它仍然不适合我。

有什么建议或建议吗？

Answer 1

为了定位 iframe 内的元素，您需要使用 Javascript 并像这样定位它：

function findText() { 
    var frame =  document.getElementById('iframe').contentWindow;
    frame.scrollTo(0,frame.document.getElementById('suchen').offsetTop);
}

那么你的标记将是这样的：

<iframe src="http://fiddle.jshell.net/pkvhw/2/show/" id="iframe"></iframe>
<a href="javascript:findText();">Find Text</a> 

iframe 是您页面上 iframe 的 ID，suchen 是您要在 iframe 中查找的元素的 ID。

下面是它的实际操作：http://jsfiddle.net/vs9xhs0o/

注意：尝试跨域使用此功能时会遇到问题。大多数网站不允许您发出这样的跨域请求，因此请确保您可以通过 iframe 控制正在查看的网站。