如何在沒有錨元素的情況下創(chuàng)建指向目標(biāo)的內(nèi)聯(lián)鏈接?
我想引用目標(biāo)頁面中的特定部分。但因?yàn)槲也皇窃撃繕?biāo)頁面的所有者,所以我無法在那里設(shè)置錨元素。
我不知道這能回答你的問題。我創(chuàng)建了一個(gè)內(nèi)聯(lián)元素,它將頁面滾動(dòng)到?jīng)]有錨標(biāo)記的特定元素。請告訴我這是否是您正在尋找的內(nèi)容。
/* JAVASCRIPT */ function goTo() { const targetElement = document.querySelector('#target') window.scroll(0, targetElement) }
/* CSS */ span { cursor:pointer; }
Link
您可以使用瀏覽器功能URL 滾動(dòng)到文本片段。 chrome 和 safari 支持它,但不幸的是,firefox 或舊瀏覽器版本不支持它: https ://caniuse.com/url-scroll-to-text-fragment
您只需將 #:~:text=Search
片段添加到您的網(wǎng)址即可。
示例: en.wikipedia.org/wiki/Hyperlink#:~:text=link destination
提示:
#:~:
進(jìn)行編碼。
但請注意:如果您使用用戶輸入來構(gòu)建 url,請勿禁用完整 url 的 url 編碼。因?yàn)榫幋a是一種防止 XSS 的安全功能。~
是由 stackoverflow 編碼的。因此,只需復(fù)制并粘貼鏈接即可查看其工作原理。