Klik pada hyperlink untuk memanggil fungsi JavaScript, kebanyakan orang menggunakan:
Salin kode sebagai berikut: <a href = "javascript: function ();">
Tapi ini memiliki kelemahan, yaitu, setelah mengklik tautan, animasi GIF pada halaman akan stasioner.
Coba kode berikut:
Salin kode sebagai berikut: <script type = "text/javascript">
<!-
function foo ()
{
// Lakukan sesuatu
}
//->
</script>
<img src = "logo.gif" />
<a href = "javascript: foo ();"> tautan yang membuat animasi GIF masih </a>
Diskusi Solusi:
Salin kode sebagai berikut: <a onClick = "javascript: foo ();"> tautan </a>
Kali ini, tampilan animasi tidak akan terpengaruh, tetapi setelah mouse dipindahkan ke atas, gaya mouse dan hyperlink tidak akan berubah. Meskipun style sheet dapat digunakan untuk mengubah gaya mouse dan hyperlink, itu agak rumit, dan ide ini tidak bagus.
Periksa kode berikut lagi:
Salin kode sebagai berikut: <a onClick = "javascript: foo ();" href = "#"> tautan </a>
Kita dapat menemukan bahwa meskipun mengklik tautan tidak mempengaruhi tampilan animasi, halaman selalu menggulir ke atas, dan efek ini bukan yang kita inginkan.
Solusi terakhir:
Salin kode sebagai berikut: <a onClick = "javascript: foo (); return false;" href = "#"> tidak mempengaruhi tautan gif </a>
Jika Anda tidak mempertimbangkan masalah gambar GIF, semua metode di atas baik -baik saja.