تقدم هذه المقالة بشكل رئيسي بالتفصيل الفرق بين الرابط الفارغ HREF =# و HREF = JavaScript: void (0) في HTML [TRANSFER] ، والتي لها قيمة مرجعية معينة. يمكن للأصدقاء المهتمين الرجوع إليها. يمكن للأصدقاء المحتاجين جمعه لسهولة الرجوع إليه في المستقبل.
في لغة الويب ، عادةً ما تتم كتابة طريقة كتابة الرابط A فارغة باسم HREF =# أو HREF = JavaScript: void (0). ما هو الفرق بين هذين طريقتان الكتابة؟ أعتقد أن الكثير من الناس لن يدخلوا فيه ، لكن آثار هاتين طريقتان الكتابة تختلف في بعض الأحيان. باختصار ، هناك العديد من الاختلافات بين هذين طريقتان الكتابة:
يوضح رمز المثال التالي الاختلافات بين 1 و 2 نقطة أعلاه:
<! doctypehtml> <html> <head> <tracharset = utf-8> <title> atag link href =# و href = javaScript: void (0) </title> </head> <body> <pstyle = height: إضافة: 10px ؛ الخلفية:#999999> <HHREF =#> الرابط الفارغ: HREF = #/A> <BR> <AHREF = JavaScript: void (0)> فارغ الرابط: href = javaScript: void (0) </a> </p> <pstyle = الارتفاع: 100px ؛ العرض: 100 ٪ ؛ الخلفية: #ccccc> </p> </body> </html>
استخدم # لتحديد موقع الصفحة المحددة للصفحة:
<! doctypehtml> <html> <head> <tracharset = utf-8> <title> علامة فارغة Href =# و href = javaScript: void (0) </title> </head> <body> <body> <pstyle = width: 100 ٪ ؛ padding: 10px ؛ background:#999999> <hhref =#p1> Jump </title> </head> <bstyle> الموضع: href =#p1 </a> </p> <pstyle = الارتفاع: 100px ؛ العرض: 100 ٪ ؛ الخلفية: #cccccc> </p> <pid = p1style = الارتفاع: 1000px ؛ العرض: 100 ٪ ؛ حشوة: 10px ؛
لماذا تستخدم HREF = "JavaScript: void (0) ؛" ، متى يتم استخدام JavaScript: void (0)؟
معنى href = "javaScript: void (0) ؛" هو السماح للربط التشعبي بتنفيذ وظيفة JS بدلاً من القفز إلى العنوان ، ويمثل الفراغ (0) طريقة فارغة ، أي ، لا تنفذ وظيفة JS.
JavaScript: هو pseudo-protocol ، يشير إلى أن محتوى عنوان URL يتم تنفيذه من خلال JavaScript. void (0) يعني أنه لم يتم القيام بأي شيء ، مما يمنع الرابط من القفز إلى صفحات أخرى. غالبًا ما يتم ذلك للحفاظ على نمط الرابط ، ولكن لا تسمح للرابط بأداء العمليات الفعلية. البيان التالي:
<ahref = javaScript: void (0) onClick = window.open ()>
بعد النقر على الرابط ، لا تتحرك الصفحة وفتح الرابط فقط. والبيان التالي:
<ahref =#onClick = javaScript: returnfalse ؛>
الوظائف هي نفسها ، ولكن المتصفحات المختلفة سوف تختلف.
في معظم الحالات ، عندما يريد الرابط تنفيذ برنامج JavaScript ، يمكننا استخدام HREF = JavaScript: void (0) وإضافة حدث OnClick لتنفيذه ، كما هو موضح في رمز المثال التالي:
<! doctypehtml> <html> <head> <tegacharset = utf-8> <title> atag link href =# and href = javaScript: void (0) </title> </head> <body> <bstyle = width: 100 ٪ ؛ padding: 10px ؛ الخلفية:#999999> <hhref = javaScript: void (0) onClick = func ()> انقر على وظيفة التنفيذ func () </a> </p> <cript> functionFunc () {Alert (OK) ؛} </script> </body> </html>مقدمة: void هو مشغل JavaScript ، مما يعني: يتم تنفيذ التعبيرات فقط ، ولكن لا توجد قيمة إرجاع. سيتم حساب التعبير ولكن لن يتم تحميل أي شيء في المستند الحالي. على سبيل المثال ، يتم حساب void (0) على أنه 0 ، ولكن ليس له أي تأثير على javaScript ، مما يعني أن تأثير <a href = javaScript: void (0)> هو نفسه <a href = javaScript: void (1)>.
تنسيق استخدام مشغل الفراغ هو كما يلي:
JavaScript: void (التعبير) // طريقة الكتابة الموصى بها JavaScript: تعبير باطل
عند إنشاء صفحة ، إذا كنت ترغب في عدم القيام بأي شيء بعد النقر على رابط ، أو القيام بأشياء أخرى استجابةً للنقر ، مثل عدم القيام بأي شيء بعد النقر على رابط ، فإن الرمز هو كما يلي:
<hhref =#> اختبار </a> // انقر فوق الرابط ، وتنتشر الصفحة إلى أعلى الصفحة افتراضيًا ، ولكن يمكنك إضافة onclick = returnfalse لمنع التمرير إلى أعلى الصفحة <hhref = ###> اختبار </a> // استخدم 2 إلى 4#، معظمها من أن تكون ### ، وبعضها الآخر يستخدم#. بشكل افتراضي ، لا يتم تمريره إلى أعلى الصفحة <ahref = javaScript: void (0) ؛> اختبار </a>
بعد النقر على الرابط ، قم بالرد على أحداث انقر فوقها المعرفة من قبل المستخدم
<hhref = javaScript: void (0) onclick = func ()> test </a> // حيث يكون func () طريقة javaScript ، أي ، الوظيفة <ahref =#onClick = func () ؛ returnfalse ؛ href = <ahref =#onClick = Alert () ؛ event.ReturnValue = false ؛> test </a>
في Ajax ، الرمز التالي شائع:
<ahref = javaScript: dotest2 () ؛ void (0) ؛> هنا </a>ولكن ماذا يعني void (0) هنا؟
في JavaScript ، void هو عامل تشغيل يحدد أن التعبير يتم حسابه ولكنه لا يعيد قيمة. في صفحة AJAX ، يتم تطبيق العملية الخالية من التحديث ، ويتم استخدام Void (0) أيضًا في كثير من الأحيان. إذا نظرت إلى صفحة الويب الخاصة بـ Ajax ، فسترى عادةً الكثير من الفراغ (0) ، لذلك قبل استخدام void (0) ، يجب عليك أولاً التفكير فيما إذا كانت هذه الصفحة تحتاج إلى تحديث ككل.
عند إنشاء صفحة ، إذا كانت #، فسيقفز إلى الأعلى. هناك العديد من الحلول للمجموعات الشخصية. من بينها ، يحتوي # على معلومات الموقع ، ونقطة المرساة الافتراضية هي #TOP ، وهي الطرف العلوي من صفحة الويب.
<hhref = ###> </a> <ahref = javaScript: void (0 )> </a> <hhref = javaScript: void (null)> </a> <hhref =#onclick = returnfalse> </a> <spanstyle = curs: hand> </span> (يبدو أنه لا يمكن عرضه في FF)
تنزيل حزمة الرمز أعلاه: https://pan.baidu.com/s/1hsjybrjyvmxsvhsbc7aikg
ما سبق هو المحتوى الكامل للفرق بين الرابط الفارغ A TAG HREF =# و HREF = JavaScript: void (0) في HTML. آمل أن يكون ذلك مفيدًا لتعلم الجميع وحلهم ، وآمل أن يدعم الجميع Wulin.com أكثر.