Apa yang dilakukan ekspresi href <a href="javascript:;"> </a>?

Saya telah melihat href berikut digunakan di halaman web dari waktu ke waktu. Namun, saya tidak mengerti apa yang coba dilakukan atau tekniknya. Bisakah seseorang menjelaskannya?

<a href="javascript:;"></a>

Sebuah <a>elemen HTML tidak valid kecuali memiliki baik sebagai hrefatau nameatribut.

Jika Anda ingin membuatnya dengan benar sebagai tautan (yaitu digarisbawahi, penunjuk tangan, dll), maka itu hanya akan dilakukan jika memiliki hrefatribut.

Karenanya kode seperti ini terkadang digunakan sebagai cara membuat tautan, tetapi tanpa harus memberikan URL aktual di hrefatribut. Pengembang jelas menginginkan tautan itu sendiri untuk tidak melakukan apa pun, dan ini adalah cara termudah yang dia tahu.

Dia mungkin memiliki beberapa kode peristiwa javascript di tempat lain yang dipicu ketika tautan diklik, dan itulah yang dia inginkan sebenarnya terjadi, tetapi dia ingin itu terlihat seperti <a>tautan tag normal .

Beberapa pengembang menggunakan href='#'untuk tujuan yang sama, tetapi ini menyebabkan browser untuk melompat ke bagian atas halaman, yang mungkin tidak diinginkan. Dan dia tidak bisa begitu saja meninggalkan href kosong, karena href=''merupakan tautan kembali ke halaman saat ini (yaitu menyebabkan refresh halaman).

Ada beberapa cara untuk mengatasi hal-hal ini. Menggunakan sedikit kode Javascript kosong di hrefsalah satunya, dan meskipun itu bukan solusi terbaik, itu berhasil.

pada dasarnya alih-alih menggunakan tautan untuk memindahkan halaman (atau jangkar), menggunakan metode ini meluncurkan fungsi javascript

<script>
function doSomething() {
  alert("hello")
}
</script>
<a href="javascript:doSomething();">click me</a>

mengklik tautan itu akan menyalakan peringatan.

Ada beberapa mekanisme untuk menghindari tautan untuk mencapai tujuannya. Yang dari pertanyaan itu tidak banyak intuisi.

Sebuah pilihan yang bersih adalah untuk digunakan href="#no"di mana #noadalah jangkar non-didefinisikan dalam dokumen.

Anda dapat menggunakan nama yang lebih semantik seperti #disable, atau #action untuk meningkatkan keterbacaan.

Manfaat dari pendekatan:

• Menghindari efek "pindah ke atas" dari href kosong = "#"
• Menghindari penggunaan javascript

Kekurangan:

• Anda harus yakin bahwa nama jangkar tidak digunakan dalam dokumen.

Karena <a>elemen tidak bertindak sebagai tautan, opsi terbaik dalam kasus ini adalah tidak menggunakan <a>elemen tetapi a <div>dan memberikan gaya seperti tautan yang diinginkan.

<a href="javascript:alert('Hello');"></a>

hanya singkatan untuk:

<a href="" onclick="alert('Hello'); return false;"></a>

Ini adalah cara membuat tautan yang tidak melakukan apa-apa saat diklik (kecuali peristiwa Javascript terikat padanya).

Ini adalah cara menjalankan Javascript daripada mengikuti tautan:

<a href="Javascript: doStuff();">link</a>

Ketika sebenarnya tidak ada javascript untuk dijalankan (seperti contoh Anda) itu tidak melakukan apa-apa.

Lihat ini:

<a href="Http://WWW.stackoverflow.com">Link to the website opened in different tab</a>
<a href="#MyDive">Link to the div in the page(look at the chaneged url)</a>
<a href="javascript:;">Nothing happens if there is no javaScript to render</a>

<a href="javascript:void(0);"></a>

javascript: memberitahu browser akan menulis kode javascript

Utas lama tetapi saya pikir saya hanya akan menambahkan bahwa alasan pengembang menggunakan konstruk ini bukan untuk membuat tautan mati, tetapi karena URL javascript karena alasan tertentu tidak meneruskan referensi ke elemen html aktif dengan benar.

misalnya handler_function(this.id)berfungsi sebagai onClicktetapi tidak sebagai URL javascript.

Jadi itu adalah pilihan antara menulis kode sesuai standar pedantik yang melibatkan Anda karena harus menyesuaikan panggilan secara manual untuk setiap hyperlink, atau sedikit kode non-standar yang dapat ditulis satu kali dan digunakan di mana-mana.

Jadi itu digunakan untuk menulis kode js di dalam hrefdaripada acara pendengar suka onclickdan menghindari #tautan hrefuntuk membuat atag valid untuk html.

Aku punya penelitian tentang bagaimana menggunakan javascript:dalam hrefatribut.

<a href="
     javascript:
        a = 4;
        console.log(a++); 
        a += 2; 
        console.log(a++); 
        if(a < 6){ 
            console.log('a is lower than 6');
        } 
        else 
            console.log('a is greater than 6');
        function log(s){
            console.log(s);
        }
        log('function inplimentation working too');

">Click here</a>

Melalui kode ini, Anda bahkan dapat menulis kode js di sana alih-alih hanya memanggil fungsi.

Diuji dalam Versi chrome 68.0.3440.106 (Bangun Resmi) (64-bit)

Diuji dalam Firefox Quantom 61.0.1 (64-bit)

Cara terbaik untuk selalu membuat tautan dengan benar adalah dengan css sebagai berikut:

a {cursor: pointer !important}

Orang harus menghindari untuk mengikuti hal-hal yang tidak perlu seperti yang disebutkan di utas.