أين يجب أن أضع العلامات في ترميز HTML؟

Ayn Yjb An Ad Al Lamat Fy Trmyz Html



في مستند HTML ، يتم إدراج شفرة جافا سكريبت في ' النصي 'بين' '. يمكن إضافة عناصر البرنامج النصي داخل ' رأس 'في مستند HTML في أي مكان بعد علامة رأس البداية وقبل علامة رأس النهاية. يمكن أيضًا إضافته داخل ' جسم 'في مستند HTML في أي مكان بعد علامة نص البداية وقبل علامة نص النهاية. علاوة على ذلك ، يمكن أيضًا إضافة علامات 'script' في عنصري 'head' و 'body' في مستند HTML واحد.

لا توجد قيود على عدد علامات 'البرنامج النصي' في HTML. لذلك ، يمكن أن يكون هناك العديد من علامات 'البرنامج النصي' في مستند HTML واحد.

كيف يتم تنفيذ العلامات



مضيفا <الشوري ممزق > علامة في عنصر الرأس

يمكن إضافة علامات البرنامج النصي بوظائف JavaScript في عنصر الرأس. دعنا ننفذ هذه الفكرة عمليًا من خلال أخذ مثال بسيط لوظيفة جافا سكريبت المضافة في العنصر الرئيسي لمستند HTML.



مثال



ما عليك سوى إضافة عنصر البرنامج النصي داخل عنصر الرأس أو نقل عنصر البرنامج النصي في مستند HTML موجود إلى علامة الرأس:





< رأس >
< النصي >
وظيفة myFunction () {
document.getElementById ('demoId'). innerHTML = 'بعد !!!'؛
}
< / النصي >
< / رأس >

< جسم >

< h2 > إضافة علامات البرنامج النصي في الرأس < / h2 >
< ص بطاقة تعريف = 'معرف تجريبي' > قبل... < / ص >
< زر يكتب = 'زر' عند النقر = 'myFunction ()' > غيره < / زر >
< / جسم >

في مقتطف الشفرة أعلاه:

  • هناك '

    'داخل' جسم 'وبعد ذلك يوجد' فقرة 'يحتوي على نص بسيط.

  • ثم يتم إنشاء زر ، ووظيفة ' myFunction () 'تم تعريفه في' عند النقر 'تمت إضافة السمة كمعالج الحدث.
  • ال ' النصي 'يضاف داخل' رأس '، وداخل ذلك ، يتم استدعاء الوظيفة ، و' getElementById 'تم تعريف طريقة' المعرف التجريبي '.

سيؤدي هذا إلى تنفيذ وظيفة JavaScript بشكل صحيح في الإخراج:



مضيفا سرداب > علامة في Body Element

يمكن أيضًا إضافة علامات البرنامج النصي داخل ' <الجسم> 'عنصر في أي مكان قبل النهاية' جسم '.

مثال

سيتم إنشاء نفس النتائج إذا كان ' النصي 'في ملف جسم عنصر:

< / جسم >
< h2 > إضافة علامات البرنامج النصي في النص الأساسي < / h2 >
< ص بطاقة تعريف = 'معرف تجريبي' > قبل ... < / ص >
< زر يكتب = 'زر' عند النقر = 'myFunction ()' > تغييره < / زر >
< النصي >
وظيفة myFunction ( ) {
document.getElementById ( 'معرف تجريبي' ) .innerHTML = 'بعد!!!' ؛
}
< / النصي >
< / جسم >

في مقتطف الشفرة أعلاه:

  • تمت إضافة وظيفة JavaScript نفسها في نفس الرمز كما هو موضح في القسم السابق من هذا المنشور في عنصر النص الأساسي.

مضيفا ' النصي 'داخل' جسم 'سيولد أيضًا نفس النتائج وسيجعل وظيفة JavaScript تعمل بشكل صحيح:

هذا يوضح أين يجب أن '