Pertanyaan Berapa nilai href tepat untuk tag anchor JavaScript?


Saya biasanya harus mengikat fungsi JavaScript ke acara anchor-click. Itu mudah menggunakan jquery atau onclick atribut inline.

Tapi, masalah saya adalah saya tidak pernah tahu apa itu cara terbaik untuk menjaga href kosong.

Contohnya:

  1. <a href="javascript:void(0)"> - Sepertinya kode terlalu banyak untuk hanya kosong
  2. <a href=#> - Jika saya tidak ingin pindah ke halaman lain, saya harus kembali     salah dalam panggilan JavaScript
  3. <a href> - Opsi ini melanggar     gaya kursor dan kursor dan browser tidak menjadikannya sebagai tautan
  4. <a> - idem

Apa yang terbaik href nilai untuk jangkar kosong? Saya tidak tertarik untuk menjaga fungsionalitas tanpa JavaScript


4
2018-02-16 14:06


asal


Jawaban:


Yang benar adalah menggunakan yang kosong a elemen href atribut dan ikat event klik di Javascript.

Untuk desain yang tidak mengganggu, Anda harus memiliki href atribut dengan tautan yang tepat (sehingga pengguna tanpa Javascript tetap dapat menggunakan situs) dan menghapus atribut di Javascript, mengikat peristiwa klik.

Jika Anda hanya menggunakan a elemen sebagai target untuk mengikat acara klik, pertimbangkan untuk menggunakan div atau span sebagai gantinya.


3
2018-02-16 14:10



Saya pribadi yakin menggunakan JavaScript untuk memperpanjang fungsionalitas, bukan menggantikan. Dengan yang mengatakan, saya meninggalkan anchor menunjuk ke jatuhnya "aman" dari tindakan saya benar-benar hanya mengeksekusi dengan javascript. Sederhananya:

<a href="/users/create" class="user-create"></a>

Kemudian, tambahkan (dan kembalikan false) jika javascript berhasil memuat dan ikat ke elemen, jika tidak, tetap memberikan pengguna kemampuan untuk menyelesaikan tugas jika mereka tidak memiliki javascript (baik diblokir melalui plugin atau tidak dimuat).


1
2018-02-16 14:11



Cukup jangan gunakan elemen A. Anda juga dapat membuat DIV dapat diklik atau elemen lainnya.

Atau Anda juga dapat meninggalkan begitu saja atribut href, seperti halnya.

<a onclick="myFunction();">dasd</a>

Jika Anda juga ingin melihatnya seperti tautan, taruh ini di CSS:

a {
  text-decoration: underline;
  color: blue;    
}​

1
2018-02-16 14:10



kupikir

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

atau

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

adalah cara terbaik untuk menunjukkan anchor kosong.

dan

<a href="#someId"></a>

akan memindahkan halaman ke elemen dom yang memiliki id = "someId"


0
2018-02-16 14:10



semuanya tergantung. jika Anda mengklik anchor untuk membuka panel di halaman maka saya senang menggunakan opsi 2 tetapi hanya jika saya memasukkan anchor itu dengan javascript.

ini berarti dengan javascript dinonaktifkan jangkar tidak muncul dan panel harus terlihat.

jika tautan berjalan di suatu tempat maka Anda memerlukan alamat tautan yang sebenarnya seperti brad christy dan odid berkata.


0
2018-02-16 14:21



<a href=#>ABC</a>

=> pada klik link di atas akan mengatur url di address bar yang membuat flickering dokumen atau mengatur ulang posisi scroll

untuk menghindari masalah di atas,      <a href=# onclick="return false" >abc</a> dapat digunakan dan mengikat pengendali event menggunakan jQuery seperti biasa atau Anda dapat menjalankan fungsi apa pun di onclick yang mengembalikan nilai palsu.


0
2017-08-17 07:24