บทความนี้ส่วนใหญ่จะแนะนำรายละเอียดความแตกต่างระหว่างลิงก์ว่าง href =# และ href = javaScript: void (0) ใน html [transfer] ซึ่งมีค่าอ้างอิงที่แน่นอน เพื่อนที่สนใจสามารถอ้างถึงได้ เพื่อนที่ต้องการสามารถรวบรวมเพื่อการอ้างอิงได้ง่ายในอนาคต
ในภาษาเว็บวิธีการเขียนของลิงก์ A ว่างมักจะเขียนเป็น href =# หรือ href = javascript: void (0) วิธีการเขียนสองวิธีนี้แตกต่างกันอย่างไร? ฉันคิดว่าหลายคนจะไม่เข้าไป แต่ผลกระทบของวิธีการเขียนทั้งสองนี้บางครั้งก็แตกต่างกัน โดยสรุปมีความแตกต่างหลายประการระหว่างวิธีการเขียนทั้งสองนี้:
รหัสตัวอย่างต่อไปนี้แสดงให้เห็นถึงความแตกต่างระหว่าง 1 และ 2 คะแนนด้านบน:
<! doctypehtml> <html> <head> <metacharset = utf-8> <title> atag atag link href =# และ href = javascript: void (0) </title> </head> <body> <pstyle = ความสูง: 1300px; ความกว้าง: 100%; การเพิ่ม: 10px; พื้นหลัง:#9999999> <ahref =#> ลิงค์ว่างเปล่า: href =#</a> <br> <ahref = JavaScript: void (0)> ว่างเปล่า ลิงค์: href = javascript: void (0) </a> </p> <pstyle = ความสูง: 100px; ความกว้าง: 100%; พื้นหลัง: #cccccc> </p> </body> </html>
ใช้ # เพื่อค้นหาตำแหน่งเฉพาะของหน้า:
<! doctypehtml> <html> <head> <metacharset = utf-8> <title> แท็กลิงค์ว่างเปล่า href =# และ href = javascript: void (0) </title> </head> <body> <pstyle = ความกว้าง: 100%; การตอบสนอง: 10px; พื้นหลัง:#999999> <ahref =#p1> กระโดด </title> </head> <body> <pstyle = ความกว้าง: 100%; ตำแหน่ง: href =#p1 </a> </p> <pstyle = ความสูง: 100px; ความกว้าง: 100%; พื้นหลัง: #cccccc> </p> <pid = p1style = ความสูง: 1000px; ความกว้าง: 100%;
ทำไมต้องใช้ href = "JavaScript: void (0);", JavaScript: Void (0) ใช้เมื่อใด
ความหมายของ href = "JavaScript: void (0);" คือการให้ไฮเปอร์ลิงก์ดำเนินการฟังก์ชั่น JS แทนการกระโดดไปยังที่อยู่และเป็นโมฆะ (0) หมายถึงวิธีที่ว่างเปล่านั่นคืออย่าเรียกใช้ฟังก์ชัน JS
JavaScript: เป็น pseudo-protocol ซึ่งบ่งชี้ว่าเนื้อหาของ URL ดำเนินการผ่าน JavaScript เป็นโมฆะ (0) หมายความว่าไม่มีอะไรทำซึ่งจะป้องกันไม่ให้ลิงก์กระโดดข้ามไปยังหน้าอื่น ๆ สิ่งนี้มักจะทำเพื่อรักษารูปแบบของลิงค์ แต่ไม่อนุญาตให้ลิงก์ดำเนินการจริง ข้อความต่อไปนี้:
<ahref = javascript: void (0) onclick = window.open ()>>
หลังจากคลิกที่ลิงค์หน้าจะไม่ย้ายและมีเฉพาะลิงก์ที่เปิดขึ้น และข้อความต่อไปนี้:
<ahref =#onclick = JavaScript: returnFalse;>
ฟังก์ชั่นเหมือนกัน แต่เบราว์เซอร์ที่แตกต่างกันจะแตกต่างกันไป
ในกรณีส่วนใหญ่เมื่อลิงค์ต้องการเรียกใช้โปรแกรม JavaScript เราสามารถใช้ HREF = JavaScript: Void (0) และเพิ่มเหตุการณ์ onClick เพื่อนำไปใช้ตามที่แสดงในรหัสตัวอย่างต่อไปนี้:
<! doctypehtml> <html> <head> <metacharset = utf-8> <title> atag link emport link href =# และ href = javascript: void (0) </title> </head> <body> <pstyle = ความกว้าง: 100%; การตอบสนอง: 10px; พื้นหลัง:#999999> <ahref = JavaScript: void (0) onClick = func () func () </a> </p> <script> functionfunc () {แจ้งเตือน (ตกลง);} </script> </body> </html>บทนำ: Void เป็นตัวดำเนินการของ JavaScript ซึ่งหมายถึง: มีการดำเนินการเฉพาะทางเท่านั้น แต่ไม่มีค่าส่งคืน นิพจน์จะถูกคำนวณ แต่จะไม่โหลดอะไรในเอกสารปัจจุบัน ตัวอย่างเช่น Void (0) คำนวณเป็น 0 แต่ไม่มีผลต่อ JavaScript ซึ่งหมายความว่าผลของ <a href = JavaScript: void (0)> เหมือนกับ <a href = JavaScript: void (1)>
รูปแบบการใช้งานของตัวดำเนินการช่องว่างมีดังนี้:
JavaScript: Void (Expression) // วิธีการเขียนที่แนะนำ JavaScript: Void Expression
เมื่อสร้างหน้าหากคุณไม่ต้องการทำอะไรหลังจากคลิกลิงก์หรือทำสิ่งอื่น ๆ เพื่อตอบสนองต่อการคลิกเช่นไม่ทำอะไรหลังจากคลิกลิงก์รหัสจะมีดังนี้:
<ahref =#> ทดสอบ </a> // คลิกที่ลิงค์และหน้าเลื่อนไปที่ด้านบนของหน้าโดยค่าเริ่มต้น แต่คุณสามารถเพิ่ม onclick = returnFalse เพื่อป้องกันการเลื่อนไปที่ด้านบนของหน้า <ahref = ###> ทดสอบ </a> // ใช้ 2 ถึง 4# โดยค่าเริ่มต้นจะไม่เลื่อนไปที่ด้านบนของหน้า <ahref = JavaScript: void (0);> ทดสอบ </a> // วิธีการเขียน Sina Weibo, JavaScript: โมฆะ (0) แสดงถึงการเชื่อมโยงที่ตายแล้ว
หลังจากคลิกที่ลิงค์ตอบสนองต่อเหตุการณ์คลิกที่ผู้ใช้กำหนด
<ahref = javascript: void (0) onclick = func ()> ทดสอบ </a> // โดยที่ func () เป็นวิธี JavaScript นั่นคือฟังก์ชั่น <ahref =#onclick = func (); returnfalse;> // ปัญหาทั้งหมดได้รับการแก้ไข href = <ahref =#onclick = Alert (); ecent.returnvalue = false;> ทดสอบ </a>
ใน AJAX รหัสต่อไปนี้เป็นเรื่องปกติ:
<ahref = JavaScript: dotest2 (); เป็นโมฆะ (0);> ที่นี่ </a>แต่โมฆะ (0) หมายถึงอะไรที่นี่?
ใน JavaScript Void เป็นตัวดำเนินการที่ระบุว่าจะต้องคำนวณนิพจน์ แต่ไม่คืนค่า ในหน้าของ Ajax การดำเนินการรีเฟรชจะถูกนำไปใช้และเป็นโมฆะ (0) ก็ใช้บ่อยขึ้น หากคุณดูที่หน้าเว็บของ Ajax คุณมักจะเห็นช่องว่างจำนวนมาก (0) ดังนั้นก่อนที่จะใช้ Void (0) คุณควรคิดก่อนว่าหน้านี้จะต้องได้รับการรีเฟรชโดยรวมหรือไม่
เมื่อสร้างหน้าหากเป็น #มันจะข้ามไปด้านบน มีวิธีแก้ปัญหาหลายอย่างสำหรับคอลเลกชันส่วนบุคคล ในหมู่พวกเขา # มีข้อมูลตำแหน่งและจุดยึดเริ่มต้นคือ #Top ซึ่งเป็นปลายด้านบนของหน้าเว็บ
<ahref = ###> </a> <ahref = javaScript: void (0)> </a> <ahref = javaScript: void (null)> </a> <ahref =#onclick = returnfalse> </a>
แพ็คเกจรหัสด้านบนดาวน์โหลด: https://pan.baidu.com/s/1hsjybrjyvmxsvhsbc7aikg
ข้างต้นคือเนื้อหาทั้งหมดของความแตกต่างระหว่างลิงก์ A ที่ว่างเปล่า HREF =# และ HREF = JavaScript: Void (0) ใน HTML ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้และการแก้ปัญหาของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น