【问题标题】:Is there a way to link to a specific paragraph on a page without anchors?有没有办法在没有锚的情况下链接到页面上的特定段落?
【发布时间】:2012-08-21 18:49:51
【问题描述】:

我正在尝试用表单填写教程写一篇文章。有很多来源,但来源页面没有在页面上提供锚点。


所以我的问题是,如何在 html 页面上创建指向具体文本段落的链接?

有可能吗?

url 中是否有任何 JavaScript 技巧来实现这一点?


编辑

我需要链接到外部来源的特定段落。例如,在this Wikipedia 的页面上以“The Navy tracking its origins to the”开头的段落

【问题讨论】:

  • 你的意思是,链接到页面上的特定位置没有使用anchors
  • 如果您愿意使用 jQuery,那么这篇文章可能会有所帮助:stackoverflow.com/questions/3432656/…
  • @nashyura 甚至没有关闭。我需要对源进行外部链接,这意味着在外部 html 页面上的特定段落上
  • 你可以使用 JavaScript 滚动到页面的那个部分,但这会很脆弱,因为如果句子被改写它会中断。
  • @ThatMatthew 告诉我怎么做,因为我的消息来源是官方的,可能不会改变

标签: html hyperlink focus anchor


【解决方案1】:

截至 2020 年,WICG 为 Text Fragments 起草了一份草稿,现在您可以通过将以下内容添加到哈希中来链接到页面上的文本,就好像您正在搜索它一样

#:~:text=<Text To Link to>

Chrome Version 81.0.4044.138 上的工作示例:

Click on this link应该重新加载页面并突出显示链接的文本

【讨论】:

    【解决方案2】:

    您只能链接到已命名的锚点或具有 id 的元素。如果目标页面两者都没有,那你就不走运了。

    【讨论】:

    • 谢谢。但仅此而已吗?我知道,我可以列举页面上的段落。有没有办法使用 url 专注于特定段落?
    • 如果您只想仅使用 URL 进行操作,您无能为力。如果您将页面嵌入到 iframe 中,您将拥有更多控制权。
    • 也许很有趣。你能举个例子吗?
    【解决方案3】:

    我刚刚注意到,您希望在外部来源上使用它。 如果有 id,你可以使用这个: http://jsfiddle.net/LCgge/

    【讨论】:

    • 对不起,段落甚至没有id (((
    猜你喜欢
    • 2011-12-20
    • 1970-01-01
    • 2021-08-03
    • 1970-01-01
    • 2019-10-19
    • 1970-01-01
    • 2021-01-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多