84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
如何在没有锚元素的情况下创建指向目标的内联链接?
我想引用目标页面中的特定部分。但因为我不是该目标页面的所有者,所以我无法在那里设置锚元素。
我不知道这能回答你的问题。我创建了一个内联元素,它将页面滚动到没有锚标记的特定元素。请告诉我这是否是您正在寻找的内容。
/* JAVASCRIPT */ function goTo() { const targetElement = document.querySelector('#target') window.scroll(0, targetElement) }
/* CSS */ span { cursor:pointer; }
Link
您可以使用浏览器功能URL 滚动到文本片段。 chrome 和 safari 支持它,但不幸的是,firefox 或旧浏览器版本不支持它: https ://caniuse.com/url-scroll-to-text-fragment
您只需将 #:~:text=Search 片段添加到您的网址即可。
#:~:text=Search
示例: en.wikipedia.org/wiki/Hyperlink#:~:text=link destination
提示:
#:~:
~
我不知道这能回答你的问题。我创建了一个内联元素,它将页面滚动到没有锚标记的特定元素。请告诉我这是否是您正在寻找的内容。
Link
您可以使用浏览器功能URL 滚动到文本片段。 chrome 和 safari 支持它,但不幸的是,firefox 或旧浏览器版本不支持它: https ://caniuse.com/url-scroll-to-text-fragment
您只需将
#:~:text=Search
片段添加到您的网址即可。示例: en.wikipedia.org/wiki/Hyperlink#:~:text=link destination
提示:
#:~:
进行编码。 但请注意:如果您使用用户输入来构建 url,请勿禁用完整 url 的 url 编码。因为编码是一种防止 XSS 的安全功能。~
是由 stackoverflow 编码的。因此,只需复制并粘贴链接即可查看其工作原理。