ستناقش هذه المدونة وظائف تعبير href المذكور ' '.
ماذا يفعل تعبير href ' '؟
سمة href في HTML ' 'عادةً ما تحدد عنوان URL أو صفحة الويب التي يتم توجيه الرابط إليها.
في حالة ' '، يتم تعيين سمة href على' جافا سكريبت: 'وهي قيمة عنصر نائب لا تفعل شيئًا عند النقر عليها. يستخدم هذا غالبًا عند استخدام الرابط لوظيفة أو حدث JavaScript ولا يحتاج إلى إعادة توجيه المستخدم إلى صفحة جديدة.
ال ' جافا سكريبت: 'هي الميزة الأكثر إثارة للإعجاب في JavaScript لدمجها مع HTML و CSS. يساعد في استدعاء وظائف JavaScript في HTML href أو علامة الارتساء.
مثال
في المثال الموضح ، اعرض الصورة على الصفحة الحالية بالنقر فوق الارتباط باستخدام ' جافا سكريبت: 'في سمة href التي ستمنع المتصفح من مغادرة الصفحة الحالية:
< معرف شعبة = 'صورتي' > شعبة >
< ل زار = 'javascript: img = document.createElement ('img')؛
img.src = 'sun.jpg'؛
src = document.getElementById ('myImg') ؛
src.appendChild (img) ؛ ' > إظهار الصورة أ >
في الكود أعلاه:
- أولاً ، أنشئ عنصر div في ملف HTML ، وقم بتعيين معرف ' myImg '.
- اضبط سمة href على ' جافا سكريبت: 'وإنشاء' IMG 'باستخدام' createElement () ' طريقة.
- ال ' src ”سوف تشير إلى مسار الصورة.
- احصل على مرجع عنصر الصورة في ملف HTML لإظهار الصورة باستخدام ' getElementById () ' طريقة.
- إلحاق الصورة كعنصر فرعي باستخدام ' إلحاق الطفل() ' طريقة.
يشير الإخراج إلى أنه سيتم عرض الصورة على نفس الصفحة أثناء النقر فوق الارتباط:
يمكنك أيضًا الوصول إلى الوظيفة في علامة href باستخدام ' جافا سكريبت: 'نائب:
< معرف شعبة = 'صورتي' > شعبة >< ل زار = 'جافا سكريبت: myFunction () ؛' > انقر فوق لي أ >
تحديد وظيفة ' myFunction () 'في علامة