คลิกที่ไฮเปอร์ลิงก์เพื่อเรียกฟังก์ชั่น JavaScript คนส่วนใหญ่ใช้:
คัดลอกรหัสดังนี้: <a href = "JavaScript: function ();">
แต่สิ่งนี้มีข้อเสียนั่นคือหลังจากคลิกที่ลิงก์ภาพเคลื่อนไหว GIF บนหน้าเว็บจะอยู่กับที่
ลองใช้รหัสต่อไปนี้:
คัดลอกรหัสดังนี้: <script type = "text/javascript">
-
ฟังก์ชั่น foo ()
-
// ทำอะไรบางอย่าง
-
-
</script>
<img src = "logo.gif" />
<a href = "JavaScript: foo ();"> ลิงก์ที่ทำให้แอนิเมชั่น gif ยังคง </a>
การสนทนาทางออก:
คัดลอกรหัสดังนี้: <a onclick = "JavaScript: foo ();"> ลิงค์ </a>
เวลานี้จอแสดงผลภาพเคลื่อนไหวจะไม่ได้รับผลกระทบ แต่หลังจากที่เมาส์ถูกเลื่อนขึ้นรูปแบบเมาส์และไฮเปอร์ลิงก์จะไม่เปลี่ยนแปลง แม้ว่าแผ่นสไตล์สามารถใช้ในการเปลี่ยนรูปแบบเมาส์และไฮเปอร์ลิงก์ แต่มันค่อนข้างยุ่งยากเล็กน้อยและความคิดนี้ไม่ดี
ตรวจสอบรหัสต่อไปนี้อีกครั้ง:
คัดลอกรหัสดังนี้: <a onclick = "JavaScript: foo ();" href = "#"> ลิงค์ </a>
เราสามารถค้นหาได้ว่าแม้ว่าการคลิกที่ลิงค์จะไม่ส่งผลกระทบต่อการแสดงภาพเคลื่อนไหว แต่หน้าจะเลื่อนไปด้านบนเสมอและเอฟเฟกต์นี้ไม่ใช่สิ่งที่เราต้องการ
การแก้ปัญหาสุดท้าย:
คัดลอกรหัสดังนี้: <a onclick = "JavaScript: foo (); return false;" href = "#"> ไม่ส่งผลกระทบต่อลิงค์ของ gif </a>
หากคุณไม่พิจารณาปัญหาของภาพ GIF วิธีการทั้งหมดข้างต้นก็โอเค