kaedah href=javascript:function().

Kaedah

href=javascript:function() merujuk kepada penggunaan kod JavaScript dalam HTML untuk melaksanakan fungsi hiperpautan, yang biasanya dipanggil hiperpautan JavaScript. Apabila digunakan, kami boleh membenamkan kod JavaScript terus ke dalam atribut href dalam teg HTML Apabila pengguna mengklik hiperpautan, halaman akan melaksanakan kod JavaScript.

Walau bagaimanapun, kaedah href=javascript:function() ini bukanlah cara penulisan yang disyorkan kerana ia mempunyai beberapa masalah. Yang paling jelas ialah isu keselamatan. Dengan menggunakan kaedah ini, penyerang boleh dengan mudah membenamkan kod berniat jahat ke dalam halaman, dengan itu melakukan tindakan yang tidak diingini apabila pengguna mengklik hiperpautan, seperti mencuri maklumat sensitif pengguna.

Selain itu, kaedah href=javascript:function() juga mempunyai beberapa isu keserasian. Penyemak imbas yang berbeza mungkin mengendalikan perkara ini secara berbeza, dan sesetengah penyemak imbas mungkin tidak menyokong kaedah penulisan ini. Ini akan menyebabkan hiperpautan sedemikian tidak berfungsi dengan betul pada sesetengah penyemak imbas, sekali gus menjejaskan pengalaman pengguna.

Untuk menyelesaikan masalah ini, kami boleh menggunakan beberapa kaedah alternatif untuk melaksanakan hiperpautan JavaScript. Yang paling biasa ialah menggunakan acara onclick. Mari kita lihat lebih dekat kaedah penulisan alternatif ini.

Pertama, kita perlu menetapkan atribut href bagi hiperpautan kepada "#", menunjukkan bahawa ini adalah pautan tidak sah. Kemudian, tambahkan acara onclick dalam teg hiperpautan untuk melaksanakan kod JavaScript yang ingin kami laksanakan. Sebagai contoh, katakan kita ingin mengeluarkan sekeping teks ke konsol apabila hiperpautan diklik. Kita boleh menggunakan kod berikut untuk mencapai ini:

Klik di sini

Dalam kod di atas, kami menetapkan atribut href hiperpautan kepada "#" dan kemudian onclick Satu baris kod JavaScript console.log('Hello World!') ditambahkan pada acara ini;

Kelebihan menggunakan acara onclick untuk melaksanakan hiperpautan JavaScript ialah ia bukan sahaja mengelakkan isu keselamatan, tetapi juga mempunyai keserasian penyemak imbas yang lebih baik. Pada masa yang sama, kami juga boleh menggunakan JavaScript untuk menjana hiperpautan secara dinamik untuk mencapai fungsi hiperpautan yang lebih fleksibel.

Berikut ialah contoh menjana hiperpautan secara dinamik menggunakan JavaScript. Katakan kita mempunyai bekas dengan id "bekas pautan" dalam halaman, kita boleh menggunakan kod berikut untuk menambahkan hiperpautan JavaScript padanya secara dinamik:

var container = document.getElementById('link- container ');
var link = document.createElement('a');
link.href = '#';
link.onclick = function() {
console.log('Hello World !');
};
link.innerHTML = 'Klik di sini';
container.appendChild(link);

Dalam kod di atas, kita mula-mula mendapat id The container element dalam halaman, dan kemudian menggunakan kaedah document.createElement() untuk mencipta elemen hiperpautan dan menetapkan atribut href dan onclicknya. Akhir sekali, kami menambah hiperpautan ke elemen bekas menggunakan kaedah appendChild(). Apabila pengguna mengklik hiperpautan, kod JavaScript dalam acara onclick dilaksanakan.

Untuk meringkaskan, kita harus mengelak daripada menggunakan kaedah href=javascript:function() untuk melaksanakan hiperpautan JavaScript dan sebaliknya menggunakan acara onclick. Apabila kita perlu menjana hiperpautan secara dinamik, kita boleh menggunakan kod JavaScript untuk mencipta elemen hiperpautan dan menambahkannya secara dinamik pada halaman untuk mencapai fungsi hiperpautan yang lebih fleksibel.

Atas ialah kandungan terperinci kaedah href=javascript:function().. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!