如何从`iframe`中的父级继承URL片段

时间:2017-03-07 07:00:11

标签: html iframe

我有一个带有" html参考手册"的网页,我发送了锚定的网址链接,例如像这样:

http://www.vanillaware.de/plotFields/docs/html/plotFieldsDoc.html#prp/x

这将自动打开浏览器中跳转到引用锚点的页面。这是我期望的行为。

现在我想使用<iframe>将此HTML页面嵌入到另一个页面中,但仍然可以使用锚点发送URL链接。不幸的是,这并不适用于这个简单的代码:

<!DOCTYPE html>
<html>
<body>
<p><iframe src="plotFieldsDoc.html"></iframe></p>
</body>
</html>

使用上述类似的网址链接:

http://www.vanillaware.de/plotFields/docs/html/tryUrlAnchor2.html#prp/x

我做错了什么,是否有一种简单的方法来实现我的目标?

1 个答案:

答案 0 :(得分:0)

使用内联onload事件处理程序在location.hash内重新分配iframe以匹配其父页面的内容:

<!DOCTYPE html>
<html>

<body>
  <p><iframe src="plotFieldsDoc.html" onload="this.contentDocument.location.hash=location.hash"></iframe></p>
</body>

</html>