أفكار التحليل وأفكار الحلول للمشاكل التي واجهتها أثناء استخدام علامات التسمية

الكاتب：Eve Cole وقت التحديث：2025-06-10 03:00:03

في الآونة الأخيرة ، استخدمت علامة التسمية عندما كنت أفعل الأشياء. منذ أن كنت نادراً ما استخدمت علامات التسمية من قبل ، واجهت مشكلة غريبة للغاية. ما هي المشكلة؟ هنا نظرة على التأثير

<! doctype html> <html> <head> <meta charset = "utf-8"/> <title> علامة تسمية html تعلم بواسطة typeof </title> <style type = "text/css"> html ، body {margin: 0 ؛ الحشو: 0 ؛ } .title {margin: 10px ؛ } .login-item ، .login-button {margin: 20px ؛ الارتفاع: 30 بكسل ؛ } .clearfix {clear: كلاهما ؛ محتوى: ""؛ العرض: كتلة ؛ } .login-item label {float: left ؛ العرض: 70 بكسل ؛ } .login-item .text {height: 18px ؛ العرض: 200 بكسل ؛ تعويم: اليسار. } </style> </head> <body> <div> المشكلات التي تمت مواجهتها أثناء استخدام علامة التسمية </div> <viv> <label for = "username"> اسم المستخدم: </label> <input type = "text" id = "username" name = "username"/> <lable id = "j_usernameerror"> type = "text" id = "password" name = "username"/> <label id = "j_passworderror"> </sable> </viv> <div> <input type = "submit" value = "login" id = "j_submitlogin"/> </viv> <script> getTeLementByid ('j_subint " document.getElementById ('j_usernameerror') ؛ usernameerror.innerhtml = 'usernameerror' ؛ } ؛ </script> </body> </html>

الغرض من هذا العرض التوضيحي هو التحقق مما إذا كان اسم المستخدم وكلمة المرور التي أدخلها المستخدم قانونيين عند النقر فوق زر تسجيل الدخول. إذا لم تكن قانونية ، فسيتم مطالبة رسالة الخطأ بموجب مربع إدخال اسم المستخدم.

العنصر الذي يطالب برسالة الخطأ يتم التخطيط لتنفيذها باستخدام الملصق.

افتح الصفحة التجريبية عن طريق تشغيل الرمز وانقر فوق زر تسجيل الدخول لمعرفة التغييرات التي ستحدث. إذا كنت تستخدم Firefox أو Chrome أو IE9+، فإن النقر على زر تسجيل الدخول سيطالب بأن اسم المستخدم خاطئ ، وهو النتيجة المطلوبة. إذا استخدمت IE6 ، 7 ، 8 ، كيف يمكنني رؤية التغييرات التي ستحدث؟ في هذا الوقت ، وجدت أن الصفحة لم تطالب بالمعلومات. افتح أداة المطور وانظر إلى عنصر التحكم. في هذا الوقت ، سأجد أن رسالة خطأ المطالبة Script600: خطأ غير معروف في وقت التشغيل. عندما واجهت هذه المشكلة ، حاولت كل من أساليب النص الداخلي و innerhtml ، ووجدت أنها ستقوم بالإبلاغ عن مثل هذا الخطأ. اعتقدت أن طريقة الاستخدام كانت خاطئة وذهبت إلى W3CSCHOOL للتحقق من ذلك ووجدت أنها لا تدعم النص الداخلي و InnerHTML.

لماذا يطالب هذا الخطأ في IE6 ، 7 ، 8 بينما Firefox ، Chrome ، IE9+ (لم تحاول المتصفحات الأخرى) تشغيل بشكل طبيعي. قد يرى الأشخاص الحذرون المشكلة في وقت واحد. بالنسبة للعناصر التي تحث على خطأ اسم المستخدم ، تبدأ الملصق في كتابته كطالب بدلاً من التسمية. لكنني لم أجد هذه المشكلة في ذلك الوقت. اعتقدت دائمًا أن هناك مشكلة في استخدام علامات التسمية. بالنسبة إلى السبب في أن محركات JS في IE6 ، 7 ، 8 سيكون لها أخطاء عند تشغيل خصائص النص الداخلي و innerhtml للعناصر التي تحمل اسم الملصق الخاطئ ، في حين لا توجد أخطاء في Firefox و Chrome و IE9+. ليس واضحا جدا. إذا كان لديك فهم جيد لهذا ، فيرجى التوضيح.

هذا السؤال في الواقع منخفض للغاية ، لقد كتبت اسم التسمية بشكل غير صحيح. لكنني لم ألاحظ ذلك في ذلك الوقت. في وقت لاحق ، بعد دراسة متأنية ، اكتشفت هذه المشكلة ، لذلك سأسجلها.