Bagaimana memanggil fungsi JavaScript daripada href dalam HTML

Saya memiliki beberapa mockup dalam HTML

<a href="javascript:ShowOld(2367,146986,2)"><img title="next page" alt="next page" src="/themes/me/img/arrn.png"></a>

Saya mendapat respon dari server ketika saya mengirim permintaan.

Dengan mockup ini saya mendapat tanggapan atas permintaan AJAX yang mengirimkan kode saya ke server.

Ya, semuanya baik-baik saja tetapi ketika saya mengklik tautan tersebut, browser ingin membuka fungsi sebagai tautan; artinya setelah klik saya melihat bilah alamat sebagai

javascript:ShowOld(2367,146986,2)

Berarti browser hal itu url jika saya ingin melakukan ini di firebug yang berfungsi. Sekarang saya ingin melakukan itu kemudian ketika seseorang mengklik link maka browser mencoba memanggil fungsi yang sudah dimuat di DOM alih-alih mencoba membukanya di browser.

Sintaks itu seharusnya berfungsi dengan baik, tetapi Anda dapat mencoba alternatif ini.

<a href="javascript:void(0);" onclick="ShowOld(2367,146986,2);">

atau

<a href="javascript:ShowOld(2367, 146986, 2);">

JAWABAN DIPERBARUI UNTUK NILAI-NILAI STRING

Jika Anda meneruskan string, gunakan tanda kutip tunggal untuk parameter fungsi Anda

<a href="javascript:ShowOld('foo', 146986, 'bar');">

Jika Anda hanya memiliki "click event handler", gunakan file <button>. Tautan memiliki makna semantik tertentu.

Misalnya:

<button onclick="ShowOld(2367,146986,2)">
    <img title="next page" alt="next page" src="/themes/me/img/arrn.png">
</button>

Cobalah untuk membuat javascript Anda tidak mengganggu:

• Anda harus menggunakan tautan nyata di atribut href
• dan menambahkan pendengar pada acara klik untuk menangani ajax

Saya menggunakan sedikit CSS dalam satu rentang agar terlihat seperti tautan seperti ini:

CSS:

.link {
    color:blue;
    text-decoration:underline;
    cursor:pointer;
}

HTML:

<span class="link" onclick="javascript:showWindow('url');">Click Me</span>

JAVASCRIPT:

function showWindow(url) {
    window.open(url, "_blank", "directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes");
}

Anda juga harus memisahkan javascript dari HTML.
HTML:

<a href="#" id="function-click"><img title="next page" alt="next page" src="/themes/me/img/arrn.png"></a>

javascript:

myLink = document.getElementById('function-click');
myLink.onclick = ShowOld(2367,146986,2);

Pastikan baris terakhir dalam fungsi ShowOld adalah:

return false;

karena ini akan menghentikan pembukaan tautan di browser.

<a href="#" onclick="javascript:ShowOld(2367,146986,2)">

href adalah opsional untuk a elemen.

Ini sepenuhnya cukup untuk digunakan

<a onclick="ShowOld(2367,146986,2)">link text</a>