Buat pautan sebaris tanpa menggunakan elemen utama: panduan langkah demi langkah

Question

Bagaimana untuk membuat pautan sebaris ke sasaran tanpa elemen penambat?

Saya ingin merujuk bahagian tertentu halaman sasaran. Tetapi kerana saya bukan pemilik halaman sasaran itu, saya tidak boleh menetapkan elemen utama di sana.

P粉356128676 · Answer

Saya tidak tahu sama ada ini menjawab soalan anda. Saya telah mencipta elemen sebaris yang menatal halaman ke elemen tertentu tanpa tag sauh. Tolong beritahu saya jika ini yang anda cari.

/* JAVASCRIPT */

function goTo() {      
  const targetElement = document.querySelector('#target')
  window.scroll(0, targetElement)
}

/* CSS */

span { cursor:pointer; }



Link

P粉006847750 · Answer

Anda boleh menggunakan fungsi penyemak imbas URL untuk menatal ke coretan teks . chrome dan safari menyokongnya, tetapi malangnya firefox atau versi penyemak imbas yang lebih lama tidak: https://caniuse.com/url-scroll-to-text-fragment

Anda hanya menambah #:~:text=Search coretan pada URL anda.

Contoh: my.wikipedia.org/wiki/Hyperlink#:~:text=link%20destination

Petua:

Aplikasi web anda tidak boleh mengekod aksara #:~:. Tetapi sila ambil perhatian: jika anda menggunakan input pengguna untuk membina URL, jangan lumpuhkan pengekodan URL untuk URL penuh. Kerana pengekodan adalah ciri keselamatan untuk menghalang XSS.
Jadi saya tidak memberikan pautan sebenar dalam jawapan kerana pautan itu tidak berfungsi di sini kerana ~ dikodkan oleh stackoverflow. Jadi hanya salin dan tampal pautan untuk melihat cara ia berfungsi.