วิธีเรียกใช้ฟังก์ชัน JavaScript แทน href ใน HTML

ฉันมีตัวอย่างใน HTML

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

ฉันได้รับการตอบกลับจากเซิร์ฟเวอร์เมื่อฉันส่งคำขอ

ด้วยการจำลองนี้ฉันได้รับคำตอบของคำขอ AJAX ที่ส่งรหัสของฉันไปยังเซิร์ฟเวอร์

ทุกอย่างเรียบร้อยดี แต่เมื่อฉันคลิกที่ลิงค์เบราว์เซอร์ต้องการเปิดฟังก์ชันเป็นลิงค์ ความหมายหลังจากคลิกฉันเห็นแถบที่อยู่เป็น

javascript:ShowOld(2367,146986,2)

หมายถึงเบราว์เซอร์ที่เป็น url ถ้าฉันต้องการทำสิ่งนี้ใน firebug ที่ใช้งานได้ ตอนนี้ฉันต้องการทำเช่นนั้นเมื่อทุกคนคลิกลิงก์เบราว์เซอร์จะพยายามเรียกใช้ฟังก์ชันที่โหลดไว้แล้วใน DOM แทนที่จะพยายามเปิดในเบราว์เซอร์

ไวยากรณ์นั้นควรใช้งานได้ดี แต่คุณสามารถลองทางเลือกนี้ได้

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

หรือ

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

คำตอบที่อัปเดตสำหรับ STRING VALUES

หากคุณกำลังส่งผ่านสตริงให้ใช้เครื่องหมายคำพูดเดี่ยวสำหรับพารามิเตอร์ของฟังก์ชันของคุณ

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

หากคุณมีเพียง "ตัวจัดการเหตุการณ์คลิก" ให้ใช้<button>แทน ลิงก์มีความหมายเฉพาะ

เช่น:

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

พยายามทำให้จาวาสคริปต์ของคุณไม่สร้างความรำคาญ:

• คุณควรใช้ลิงก์จริงในแอตทริบิวต์ href
• และเพิ่มผู้ฟังในเหตุการณ์คลิกเพื่อจัดการกับ ajax

ฉันใช้ CSS เล็กน้อยในช่วงเวลาหนึ่งเพื่อให้ดูเหมือนลิงค์ดังนี้:

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");
}

คุณควรแยกจาวาสคริปต์ออกจาก HTML ด้วย
HTML:

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

จาวาสคริปต์:

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

ตรวจสอบให้แน่ใจว่าบรรทัดสุดท้ายในฟังก์ชัน ShowOld คือ:

return false;

เพราะจะหยุดไม่ให้เปิดลิงค์ในเบราว์เซอร์

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

hrefเป็นทางเลือกสำหรับaองค์ประกอบ

เพียงพอที่จะใช้อย่างสมบูรณ์

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