غالبا ما يواجه مطورو الويب مهمة تحديد نوع العنصر في الصفحة. تتمثل إحدى المهام الأكثر شيوعا في تحديد ما إذا كان العنصر عبارة عن رابط. يمكن أن يكون هذا مهما لإنشاء التفاعل والتنقل على صفحة الويب. في هذه المقالة ، سننظر في طرق مختلفة لتحديد عنصر مرجعي.
عادة ما يكون الرابط عبارة عن نص يشبه الارتباط التشعبي وعادة ما يتم تسطيره أو له لون مختلف. لكن هذه القاعدة ليست صحيحة دائما. يمكن تزيين بعض الروابط بصور أو أزرار أو عناصر أخرى. لذلك ، يجب أن يكون مطورو الويب قادرين على تحديد العناصر المرجعية بشكل صحيح بناء على مظهرها فقط.
هناك عدة طرق لتحديد نوع عنصر صفحة الويب. واحدة من أبسط الطرق وأكثرها شيوعا هي استخدام لغة ترميز هتمل وعناصرها. يتم استخدام العلامة القياسية (مرساة) لإنشاء ارتباطات تشعبية. إذا كان العنصر يحتوي على علامة ، فمن الآمن أن نقول إنه رابط. ومع ذلك ، يجب ألا يغيب عن البال أنه يمكن استخدام العلامة لأغراض أخرى (على سبيل المثال ، للمراسي).
لتحديد ما إذا كان العنصر هو ارتباط بالضبط ، يجب عليك التحقق من قيمة سمة هريف. إذا كانت السمة موجودة وتحتوي على عنوان ورل ، فمن الآمن أن نقول أنه رابط.
- كيفية تحديد ما إذا كان عنصر في الصفحة هو ارتباط
- طريقة التحقق من العلامة
- التحقق من السمة "هريف"
- التحقق من وجود النص
- التحقق من الأنماط
- التحقق من قابلية النقر
- سؤال وجواب
- كيف يمكنني تحديد ما إذا كان عنصر في الصفحة هو رابط?
- كيف يمكنني تحديد ما إذا كان عنصر في الصفحة قابل للنقر?
- يمكن العناصر التي ليست روابط لها السمة" هريف"?
كيفية تحديد ما إذا كان عنصر في الصفحة هو ارتباط
يمكنك استخدام الطرق التالية لتحديد ما إذا كان عنصر في صفحة ارتباط:
- هريف
- الرابط
إذا كان عنصر لا يتطابق مع أي من السمات السابقة ، ثم يمكنك التحقق من فئة كس. إذا كان العنصر يحتوي على فئة تستخدم فقط لنمط الروابط ، فقد يشير ذلك إلى أن العنصر عبارة عن ارتباط.
مثال:
الرابط
يعتمد اختيار الطريقة على سياق ومتطلبات المشروع ، بحيث يمكنك الجمع بين الطرق لتحقيق أفضل نتيجة. من المهم ملاحظة أن العنصر قد يحتوي على سمات ارتباط أخرى ، مثل التصميم أو معالج الأحداث ، مما قد يشير أيضا إلى أن العنصر عبارة عن ارتباط.
وبالتالي ، عند تصميم صفحة ويب ، يوصى باستخدام هذه الطرق لتحديد ما إذا كان العنصر عبارة عن رابط من أجل ضمان التشغيل والمظهر الصحيحين لموقع الويب.
طريقة التحقق من العلامة
لتحديد ما إذا كان عنصر في الصفحة عبارة عن رابط ، يمكنك استخدام طريقة التحقق من العلامة. في هتمل ، يتم تمثيل الروابط عادة باستخدام علامة.
أولا ، تحتاج إلى الحصول على قائمة بجميع العناصر الموجودة على الصفحة. يمكن القيام بذلك باستخدام جافا سكريبت:
عناصر كونست = وثيقة.('*');
بعد ذلك ، يمكنك تصفح جميع العناصر الموجودة في الحلقة والتحقق مما إذا كان العنصر مرجعا باستخدام الشرط:
// تنفيذ الإجراءات اللازمة
}
}
في هذا المثال ، يتم تحديد العنصر حسب العلامة باستخدام الطريقة
إلىأحرف صغيرة()
لمقارنة العلامة مع
'أ'
بأحرف صغيرة. إذا تم استيفاء الشرط ، فهذا يعني أن العنصر عبارة عن رابط.
على سبيل المثال ، لتمييز جميع الروابط في صفحة بخط مائل ، يمكنك استخدام الكود التالي:
إلى عن على (دعني = 0; أنا < عناصر.الطول ؛ أنا {) {
عنصر كونست = عناصر [أنا];
إذا (عنصر.تاغنام.تولويرسيز () = = = 'أ') {
- عنصر.أسلوب.فونت ستايل = 'مائل';
- }
- }
- وبالتالي ، تتيح لك طريقة التحقق من العلامة تحديد ما إذا كان العنصر الموجود في الصفحة عبارة عن رابط وتنفيذ الإجراءات اللازمة باستخدام الروابط التي تم العثور عليها.
التحقق من السمة "هريف"
لتحديد ما إذا كان عنصر في الصفحة هو ارتباط ، يمكنك استخدام السمة "هريف". هذه السمة موجودة في جميع العناصر التي يمكن أن تكون روابط.
للتحقق من أن العنصر هو ارتباط ، تحتاج إلى:
ابحث عن العنصر في الصفحة التي تريد التحقق منها.
الحصول على قيمة السمة "هريف" من هذا العنصر.
تحقق من أن قيمة السمة "هريف" ليست فارغة أو لا تساوي علامة "الشبكة" (#).
إذا كانت قيمة السمة" هريف " تفي بالشروط اللازمة ، فإن العنصر هو رابط.
مثال على شفرة جافا سكريبت للتحقق من عنصر بواسطة السمة " هريف:
عنصر كونست = وثيقة.كيريسيليكتور ('أ') ؛ / / العثور على الرابط على الصفحة
كونست هريف = عنصر.جيتاتريبوت ('هريف') ؛ / / الحصول على قيمة السمة "هريف"
إذا (هريف != = نول & & هريف != = "#") {//تحقق من أن قيمة السمة ليست فارغة ولا تساوي علامة " الشبكة
وحدة التحكم.سجل ('العنصر هو رابط');
} آخر {
وحدة التحكم.سجل ('العنصر ليس رابطا');
}
وهكذا ، والتحقق من عنصر لوجود السمة" هريف " وقيمته يسمح لك لتحديد ما إذا كان هذا العنصر هو ارتباط. يعد هذا مناسبا جدا أثناء التطوير ، لذا يمكنك اتخاذ إجراءات معينة اعتمادا على ما إذا كان العنصر رابطا أم لا.
التحقق من وجود النص
هناك طريقة أخرى لتحديد ما إذا كان عنصر ما في الصفحة عبارة عن رابط وهي التحقق من وجود نص داخل العنصر.
للقيام بذلك ، يمكنك استخدام طريقة إنرتكست أو تكستكونتينت. تقوم كلتا الطريقتين بإرجاع محتوى النص للعنصر ، بما في ذلك جميع الأحفاد. إذا كان هناك نص داخل العنصر ، فهذا يعني أنه ليس رابطا.
مثال التحقق:
إذا (عنصر.النص الداخلي.تقليم ()!== '') {
وحدة التحكم.سجل ('العنصر ليس رابطا');
- } آخر {
- وحدة التحكم.سجل ('العنصر هو رابط');
- }
يمكن أن تكون هذه الطريقة مفيدة عند العمل مع العناصر التي قد تحتوي على أنواع مختلفة من المحتوى ، وليس فقط الروابط. ولكن يجدر النظر في أن بعض العناصر قد تحتوي على نص غير مرئي ، على سبيل المثال ، عناصر ذات سمة مخفية أو أنماط مخفية.
لذلك ، قبل التحقق من وجود النص ، فمن المستحسن للتحقق من رؤية العنصر باستخدام أساليب جيتكومبوتدستيل أو التحقق من الأساليب من خلال خاصية النمط.
التحقق من الأنماط
هناك طريقة أخرى لتحديد ما إذا كان عنصر ما في الصفحة عبارة عن رابط وهي التحقق من أنماطه. غالبا ما تحتوي الروابط على تصميم معين يميزها عن النص العادي. فيما يلي بعض العلامات التي تحتاج إلى الانتباه إليها عند التحقق:
لون النص: غالبا ما يكون للروابط لون خاص يختلف عن العناصر الأخرى في الصفحة;
تسطير: يمكن تسطير الروابط أو الحصول على زخرفة أخرى تميزها عن النص العادي;
تغيير المظهر عند التمرير: تغير العديد من الروابط أسلوبها عند تحريك مؤشر الماوس فوقها.
للتحقق من أنماط عنصر ما ، تحتاج إلى استخدام مفتش التعليمات البرمجية في المتصفح. في المفتش ، يمكنك عرض جميع الأنماط المطبقة على عنصر وتحديد ما إذا كانت هناك أي علامات ارتباط بينها.
- على سبيل المثال ، إذا كان للعنصر لون نص يختلف عن اللون الرئيسي للصفحة ، وتغير مؤشر الماوس عند التمرير فوقه ، فمن المرجح أنه رابط.
- كن حذرا وتحقق ليس فقط من العناصر نفسها ، ولكن أيضا من العناصر الأصلية ، حيث يمكن تطبيق الأنماط على أصل الرابط أو حتى على أصل الوالد.
- ومع ذلك ، تجدر الإشارة إلى أن هذه الطريقة لا تعطي دائما نتيجة دقيقة ، حيث يمكن تغيير أنماط الارتباط بسهولة باستخدام كس.
| يعد فحص النمط إحدى الطرق لتحديد ما إذا كان عنصر ما في الصفحة عبارة عن رابط. ومع ذلك ، من الأفضل استخدام طرق مختلفة معا للتأكد تماما من أن العنصر هو بالفعل رابط. | التحقق من قابلية النقر |
|---|---|
عندما يحوم مستخدم فوق عنصر في صفحة ويب ، من المهم تحديد ما إذا كان هذا العنصر رابطا. طريقة واحدة للتحقق من ذلك هي التحقق من قابلية النقر. | هناك عدة طرق للتحقق مما إذا كان العنصر قابلا للنقر: |
يمكنك إلقاء نظرة على المؤشر الذي يظهر عند التمرير فوق عنصر. إذا تغير المؤشر إلى يد بإصبع السبابة الممدودة ، فهذا يشير إلى أن العنصر عبارة عن رابط. | يمكنك أيضا النقر فوق العنصر ومعرفة ما إذا كان هناك أي إجراء يحدث. إذا تم النقر فوق عنوان أو تم تنفيذ وظيفة معينة ، فسيكون العنصر قابلا للنقر. |
إذا كان عنصر يحتوي على السمة" هريف " مع قيمة غير فارغة ، وهذا يشير أيضا إلى أن العنصر هو مرجع. على سبيل المثال: | أمثلة |
هل هو رابط?
الرابط
نعم
الرابط
نعم
لا يوجد رابط
من المهم تحديد السمة" هريف " مع قيمة لجعل العنصر مرجعا.
باستخدام الطرق المذكورة أعلاه ، يمكنك تحديد ما إذا كان العنصر عبارة عن رابط قابل للنقر. يمكن أن يكون هذا مفيدا بشكل خاص عند العمل مع المحتوى الديناميكي والترميز على صفحة الويب.