使用从父页面到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查看的网站。