Artikel ini terutama memperkenalkan secara rinci perbedaan antara tautan kosong href =# dan href = javascript: void (0) di html [transfer], yang memiliki nilai referensi tertentu. Teman yang tertarik dapat merujuknya. Teman yang membutuhkan dapat mengumpulkannya untuk referensi yang mudah di masa depan.
Dalam bahasa web, metode penulisan tautan a kosong biasanya ditulis sebagai href =# atau href = javascript: void (0). Apa perbedaan antara dua metode penulisan ini? Saya pikir banyak orang tidak akan membahasnya, tetapi efek dari dua metode penulisan ini terkadang berbeda. Singkatnya, ada beberapa perbedaan antara dua metode penulisan ini:
Kode contoh berikut menunjukkan perbedaan antara 1 dan 2 poin di atas:
<! Doctypehtml> <Html> <head> <Metacharset = UTF-8> <Title> ATAG kosong tautan href =# dan href = JavaScript: void (0) </title> </adepccccccccccccccccc; Menambahkan: 10px; latar belakang:#999999> <ahref =#> tautan kosong: href =#</a> <br> <ahref = javascript: void (0)> kosong Tautan: href = javascript: void (0) </a> </p> <pstyle = tinggi: 100px; lebar: 100%; latar belakang: #cccccc> </p> </body> </html>
Gunakan # untuk menemukan lokasi spesifik halaman:
<! Doctypehtml> <html> <adept> <metacharset = utf-8> <itement> tag kosong tautan href =# dan href = JavaScript: void (0) </itement> </head> <body> <pstyle = lebar: 100%; padding: 10px; latar belakang:#99999> <ahref =#p1> lompat </title> </head> <body> <pstyle = lebar: 100%; padding: 10px; latar belakang #99; Posisi: href =#p1 </a> </p> <pstyle = tinggi: 100px; Lebar: 100%; latar belakang: #cccccc> </p> <pid = p1style = tinggi: 1000px; Lebar: 100%; padding: 10px; latar belakang:#99999> Posisi target: ID = P1 </p1 </p1> </p1999
Mengapa menggunakan href = "JavaScript: void (0);", kapan javascript: void (0) digunakan?
Arti href = "JavaScript: void (0);" adalah membiarkan hyperlink menjalankan fungsi JS alih -alih melompat ke alamat, dan batal (0) mewakili metode kosong, yaitu, jangan menjalankan fungsi JS.
JavaScript: adalah pseudo-protocol, menunjukkan bahwa konten URL dieksekusi melalui JavaScript. void (0) berarti tidak ada yang dilakukan, yang akan mencegah tautan melompat ke halaman lain. Ini sering dilakukan untuk melestarikan gaya tautan, tetapi tidak mengizinkan tautan untuk melakukan operasi yang sebenarnya. Pernyataan berikut:
<ahref = javascript: void (0) onclick = window.open ()>
Setelah mengklik tautan, halaman tidak bergerak dan hanya tautan yang dibuka. Dan pernyataan berikut:
<ahref =#onclick = javascript: returnFalse;>
Fungsinya sama, tetapi browser yang berbeda akan bervariasi.
Dalam kebanyakan kasus, ketika tautan ingin menjalankan program JavaScript, kita dapat menggunakan href = javascript: void (0) dan tambahkan acara OnClick untuk mengimplementasikannya, seperti yang ditunjukkan dalam kode contoh berikut:
<! Doctypehtml> <Html> <head> <metacharset = utf-8> <itement> ATag kosong tautan href =# dan href = JavaScript: void (0) </itement> </head> <body> <pstyle = lebar: 100%; padding: 10px; latar belakang:#999999> <ahref = javascript: void (0) onclick = func ()> klik untuk mengeksekusi fungsi yang dieksekusi = void (0) func () </a> </p> <script> functionFunc () {waspada (ok);} </script> </body> </html>Pendahuluan: Void adalah operator JavaScript, yang berarti: hanya ekspresi yang dijalankan, tetapi tidak ada nilai pengembalian. Ekspresi akan dihitung tetapi tidak akan memuat apa pun pada dokumen saat ini. Sebagai contoh, void (0) dihitung sebagai 0, tetapi tidak berpengaruh pada JavaScript, yang berarti bahwa efek <a href = javascript: void (0)> sama dengan <a href = javascript: void (1)>.
Format penggunaan operator void adalah sebagai berikut:
Javascript: void (ekspresi) // metode penulisan yang disarankan JavaScript: void ekspresi
Saat membuat halaman, jika Anda tidak ingin melakukan apa pun setelah mengklik tautan, atau melakukan hal -hal lain sebagai tanggapan untuk mengklik, seperti tidak melakukan apa pun setelah mengklik tautan, kode tersebut adalah sebagai berikut:
<ahref =#> tes </a> // Klik tautan, dan halaman gulir ke bagian atas halaman secara default, tetapi Anda dapat menambahkan onclick = returnFalse untuk mencegah pengguliran ke bagian atas halaman <ahref = ###> test </a> // gunakan 2 hingga 4#, sebagian besar yang Anda lihat adalah #####, dan beberapa negara. Secara default, itu tidak menggulir ke bagian atas halaman <ahref = javascript: void (0);> tes </a> // Sina Weibo Metode Penulisan, JavaScript: void (0) hanya mewakili tautan mati, dan menjalankan peristiwa kosong <ahref = javascript:;> Test </a> // QQ Metode Ruang Kosong <ahref = javascript:;
Setelah mengklik tautan, respons ke acara klik yang ditentukan pengguna
<ahref = javascript: void (0) ontClick = func ()> test </a> // where func () adalah metode JavaScript, yaitu, fungsi <ahref =#onclick = func (); returnFalse;> // semua masalah telah diselesaikan, termasuk incompatibility browser <) atau langsung digunakan.> href = <ahref =#onclick = alert (); event.returnValue = false;> tes </a>
Di Ajax, kode berikut adalah umum:
<ahref = javascript: dotest2 (); void (0);> di sini </a>Tapi apa arti Void (0) di sini?
Dalam JavaScript, Void adalah operator yang menentukan bahwa ekspresi harus dihitung tetapi tidak mengembalikan nilai. Pada halaman Ajax, operasi bebas penyegaran diimplementasikan, dan batal (0) juga lebih sering digunakan. Jika Anda melihat halaman web Ajax, Anda biasanya akan melihat banyak kekosongan (0), jadi sebelum menggunakan void (0), Anda harus terlebih dahulu memikirkan apakah halaman ini perlu disegarkan secara keseluruhan.
Saat membuat halaman, jika itu adalah #, itu akan melompat ke atas. Ada beberapa solusi untuk koleksi pribadi. Di antara mereka, # berisi informasi lokasi, dan titik jangkar default adalah #top, yang merupakan ujung atas halaman web.
<ahref = ###> </a> <ahref = javaScript: void (0)> </a> <ahref = javascript: void (null)> </a> <ahref =#onclick = returnfalse> </a> <spantyle = kursor: hand> </span tidak bisa) </a> <spistyle = kursor: hand> </span tidak bisa) </a> <spurstyle = kursor: hand> </span> tidak bisa (spanStyle = flsor: hand> </span> tidak bisa (spanStyle = flsor: hand> </span> tidak bisa (spanstyle = flsor: hand> </span> tidak bisa) di FLEDED) di fo) di fo) di handsne (span> (span> di FLEDED = FLEDED = Handslick) (Span> (Span- span>
Unduh paket kode di atas: https://pan.baidu.com/s/1hsjybrjyvmxsvhsbc7aikg
Di atas adalah seluruh konten perbedaan antara tag kosong tag href =# dan href = javascript: void (0) dalam html. Saya berharap ini akan membantu semua orang belajar dan memecahkan masalah, dan saya harap semua orang akan lebih mendukung wulin.com.