直接“哈希”跳转到iframe中的命名锚链接

时间:2019-01-24 12:13:37

标签: html iframe anchor href

这是我的问题:

我在GitHub页面上托管了一个多语言的网站(注意:因为它是GitHub,所以只能是静态页面-无法执行服务器端代码,例如PHP)。这是由多个静态HTML页面(de_DE.htmlen_IE.htmlfr_FR.html等)提供的,这些页面本身在index.html主页面的iframe中打开。 / p>

[注意:必须使用iframe(而不是简单地打开目标页面),因此本地化的##_##.html目标绝不会出现在URL中,否则,人们将被复制/粘贴到单个< / strong>本地化版本,而不是用于进行语言环境检测并根据您的浏览器语言环境提供相关页面的主URL。]

这些本地化页面中的每个页面都有相似的命名锚,例如#download#donate#FAQ等,并在相关部分的上方添加了<a name="download"></a>之类的内容。

由于我倾向于通过电子邮件回答许多支持问题,因此我希望能够提供指向首页中这些命名部分的直接链接。换句话说,我希望能够在电子邮件中提供可点击的链接,例如https:\\mywebsite.com#download,以便用户可以在浏览器中打开并自动滚动到相关部分,就像使用非iframe页面。

但是,我无法使其正常工作。我调查了标题中的<base>属性,但这似乎仅适用于用户在打开页面后单击 的链接。我还研究了JavaScript建议,例如this one,但运气不佳。

作为参考,您可以在https://rufus.ie看到我使用的HTML,还可以在https://rufus.ie/en_IE.html访问静态HTML的英语本地化版本。如果将这两个页面分别保存为index.htmlen_IE.html,则应该可以通过测试file://<SOME_LOCAL_DIR>/index.html#download是否确实滚动到了#download标签中来测试您提出的任何解决方案。 iframe。

因此,总而言之,我的目标是使https://rufus.ie/#downloadhttps://rufus.ie/en_IE.html#download相同)。关于如何实现这一目标的任何建议?

0 个答案:

没有答案