Rumah > hujung hadapan web > html tutorial > Penjelasan terperinci tentang perbezaan antara a href=# dan a href=javascript:void(0)_HTML/Xhtml_Webpage Production

Penjelasan terperinci tentang perbezaan antara a href=# dan a href=javascript:void(0)_HTML/Xhtml_Webpage Production

WBOY
Lepaskan: 2016-05-16 16:37:14
asal
1293 orang telah melayarinya

a href="#"> Selepas mengklik pautan, halaman akan tatal ke atas halaman, #Sauh lalai ialah #TOP

Selepas mengklik pautan, halaman tidak bergerak, hanya pautan dibuka

Kesannya sama seperti di atas, pelayar yang berbeza akan Terdapat perbezaan.

Selepas mengklik pautan, jika anda tidak mahu halaman itu menatal ke bahagian atas halaman, gunakan href="javascript:void(0)" dan bukannya href="#". kesan yang serupa

Penjelasan terperinci tentang perbezaan antara href="#" dan href="javascript:void(0)"

"#" mengandungi maklumat kedudukan
Titik utama lalai ialah #atas juga Ia adalah bahagian atas halaman web
dan javascript:void(0) hanya bermaksud pautan mati
Inilah sebabnya kadangkala halaman itu sangat panjang dan pautan penyemakan imbas jelas # tetapi ia melompat ke bahagian atas halaman
dan javascript:void(0 ) tidak begitu
Jadi apabila memanggil skrip, sebaiknya gunakan void(0)
atau

dll.

Beberapa jenis pautan untuk membuka tetingkap baharu Kaedah

1.window.open('url')
2 fungsi

Salin kod
Kodnya adalah seperti berikut:

🎜>fungsi openWin(tag,obj)
{
obj.target="_blank";
obj .href = "Web/Substation/Substation.aspx?stationno=" tag
obj. klik();
}

LINK_TEST 🎜>

window.location.href=""
------------------------------------ ------------------------- --------------------------------------- -------
Jika ia adalah #, Akan ada situasi di mana ia melonjak ke atas Beberapa penyelesaian untuk kegemaran peribadi:
1:
2: >
4: (Nampaknya ia tidak boleh dipaparkan dalam FF)
- -------------------------------- -------------------- ----------------------------
Gunakan JavaScript:void(0) dengan berhati-hati

Apabila menyahpepijat CGI hari ini, jelas sekali program CGI telah dilaksanakan dan keputusan akhir adalah betul, tetapi halaman tidak dimuat semula. Diuji di bawah FireFox2.0, hasilnya adalah normal, tetapi IE6 tidak menyegarkan! Selepas penyiasatan teliti, saya mendapati bahawa pautan halaman cgi ialah hanya contoh ; terletak pada void(0) ini pada! Mari kita lihat dahulu maksud void(0) dalam JavaScript:
void dalam JavaScript ialah operator, yang menentukan untuk mengira ungkapan tetapi tidak mengembalikan nilai.

format penggunaan operator void adalah seperti berikut:

1 javascript:void (expression_r_r)
2 javascript:void expression_r_r

expression_r_r ialah standard JavaScript. ungkapan yang dikira. Tanda kurung di luar ungkapan adalah pilihan, tetapi adalah amalan yang baik untuk menulisnya. Kami boleh menentukan hiperpautan menggunakan operator void. Ungkapan dinilai tetapi tiada apa yang dimuatkan ke dalam dokumen semasa. Kod di atas mencipta hiperpautan yang tidak melakukan apa-apa apabila pengguna mengklik padanya. Apabila pengguna mengklik pautan, void(0) menilai kepada 0, tetapi tidak mempunyai kesan pada JavaScript.
Mengklik di sini tidak akan melakukan apa-apa
Iaitu, melakukan beberapa pemprosesan, tetapi tidak memuat semula halaman secara keseluruhan Dalam kes ini, anda boleh menggunakan void(0), tetapi jika anda perlu memuat semula halaman, anda perlu berhati-hati.
Malah, kita boleh menggunakan , ayat ini akan melakukan operasi serah. Jadi dalam keadaan apakah void(0) digunakan dengan lebih kerap Tanpa refresh, sudah tentu ia adalah Ajax Jika anda melihat halaman web Ajax, anda biasanya akan melihat banyak void(0), :), jadi apabila menggunakan void. (0) ), sebaiknya fikirkan sama ada halaman ini perlu dimuat semula secara keseluruhan.

Apabila menggunakan javascript, kami biasanya menghantar sesuatu seperti:

Serah kaedah
, panggilan kaedah javascript melalui pautan pseudo Satu masalah dengan kaedah ini ialah:
Walaupun halaman tidak akan melompat apabila mengklik pautan, bar skrol akan menatal ke atas ditunjukkan di bawah:

Submit

Anda juga boleh menggunakan ###

a href="javascript:void(0)" onclick="javascript:method;return false;" untuk menyerahkan
javascript:void(0) dan ia tidak akan melompat: )

Kaedah lain ialah #ini

a href="#this" onclick="javascript:method"
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan