【问题标题】:Issue with the anchor in the URLURL中的锚点问题
【发布时间】:2018-02-13 19:51:17
【问题描述】:

在我的 URL 中,锚点不起作用。我认为问题在于第一个标签正在破坏第二个标签。这是一个示例链接:

www.mywebsite.com/de/topic.html?#tab=tab1#anchor

Tab 是一个标签组件,我想在它上面有直接链接。对于每个选项卡,我都有一个自己的值(本示例中的 tab1)。它只能通过主题标签被选中,所以我的 Anchor 不起作用。不幸的是,无法编辑 Tab 组件。

是否有机会替换第一个标签?还是其他解决方案?

【问题讨论】:

  • 你有相关的代码要展示吗?也许做一个小提琴,这样我们就可以看到你的问题重复了。

标签: javascript html url anchor hashtag


【解决方案1】:

RFC 3986 在 3.5 中定义任何统一资源标识符 (URI) 不能有超过一个片段标识符。第一个数字符号 (#) 之后的所有字符都被视为锚点的一部分。

片段标识符(在非正式演讲中有时称为“锚”,在 DOM 中可访问为 location.hash)表示文档的片段(实际的锚:在现代网站中,具有相应 id 属性的元素,或历史上的具有相应名称属性的元素)。

浏览器通常会解析片段标识符并跳转到匹配的片段。

在选项卡中显示内容的网站必须解析片段标识符并更改选项卡内容的可见性或显示属性,以便在用户访问标识选项卡的 URL 时可以看到正确的内容。当用户单击另一个选项卡时,它必须更新可见性并更改 URL。

如果你想使用复杂的哈希导航,你将不得不扩展现有的脚本逻辑。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-05-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多