سيوضح هذا الدليل طرق وضع JavaScript في ملف HTML.
أين تضع JavaScript في ملف HTML؟
يمكن أن يكون وضع JavaScript في ملف HTML في:
الأسلوب 1: وضع JavaScript ضمن علامة في ملف HTML
في هذا الأسلوب ، يتم وضع جزء JavaScript من الشفرة ضمن ' 'العلامة سوف يتم توضيحها.
مثال
دعونا نلقي نظرة عامة على العرض التوضيحي أدناه:
< رأس >
< نوع البرنامج النصي = 'نص / جافا سكريبت' >
وضع الوظيفة ( ) {
إنذار ( 'يتم وضع JavaScript ضمن علامة ' )
}
النصي >
رأس >
< الجسم >
< المركز > < زر عند النقر = 'placementJs ()' > انقر فوق لي زر > المركز >
الجسم >
في مقتطف الشفرة أعلاه:
- قم بتضمين جزء JavaScript من الكود ضمن ' 'بمساعدة' ' بطاقة شعار.
- في كود JS ، حدد وظيفة تسمى ' وضع Js () '. في تعريفها ، اعرض الرسالة المذكورة عبر مربع حوار التنبيه.
- أخيرًا ، في كود HTML ، أنشئ زرًا به ' عند النقر 'الذي سيعيد التوجيه إلى الوظيفة المحددة في الخطوة السابقة عند النقر على الزر.
انتاج |
في الإخراج أعلاه ، يمكن ملاحظة أن كود JS يعمل بشكل صحيح من خلال وضعه ضمن ' ' بطاقة شعار.
الأسلوب 2: وضع JavaScript ضمن علامة في ملف HTML
في هذا الأسلوب ، يتم وضع شفرة JavaScript داخل ' <الجسم> ”في ملف HTML.
مثال
يوضح المثال أدناه المفهوم المذكور:
< الجسم >< المركز > < زر عند النقر = 'placementJs ()' > انقر فوق لي زر > المركز >
< نوع البرنامج النصي = 'نص / جافا سكريبت' >
وضع الوظيفة ( ) {
إنذار ( 'يتم وضع JavaScript داخل علامة ' )
}
النصي >
الجسم >
في سطور التعليمات البرمجية أعلاه:
- في حدود ' <الجسم> '، بالمثل ، أنشئ زرًا يستدعي وضع الوظيفة Js () بمساعدة' عند النقر ' حدث.
- في كتلة تعليمات JavaScript البرمجية ، أعلن عن وظيفة باسم ' وضع Js () '.
- سيتم استدعاء هذه الوظيفة عند النقر فوق الزر وعرض الرسالة المذكورة عبر تنبيه.
انتاج |
الطريقة 3: وضع JavaScript كملف خارجي
يتضمن هذا الأسلوب الخاص وضع كتلة تعليمات JavaScript البرمجية كملف JS خارجي له اسم ملف معين بامتداد ' .js ' في ال ' src ' ينسب.
مثال
لنستعرض المثال التالي:
< الجسم >< المركز > < زر عند النقر = 'placementJs ()' > انقر فوق لي زر > المركز >
الجسم >
< نوع البرنامج النصي = 'نص / جافا سكريبت' src = ملف خارجي. شبيبة > النصي >
في كود HTML أعلاه:
- تذكر الطريقة التي تمت مناقشتها لإنشاء زر يعيد التوجيه إلى وظيفة JavaScript ' وضع Js () '.
- بعد ذلك ، قم بدمج وظائف JavaScript بمساعدة ملف JS خارجي مرتبط باسم الملف المذكور في ' src ' ينسب.
دعنا ننتقل إلى كود JS الوارد أدناه:
وضع الوظيفة ( ) {إنذار ( 'هذا ملف جافا سكريبت خارجي' )
}
في كتلة التعليمات البرمجية أعلاه:
- حدد وظيفة باسم ' وضع JS () '.
- في تعريفها ، قم بعرض الرسالة المذكورة عبر تنبيه عند النقر فوق الزر.
- سيؤدي هذا الأسلوب إلى إرجاع نفس النتيجة عن طريق تضمين ملفات HTML و JavaScript.
انتاج |
لقد قدمنا معلومات موثوقة تتعلق بوضع JavaScript في ملف HTML.
استنتاج
يمكن أن يكون وضع جافا سكريبت في ملف HTML في ' 'العلامة ،' <الجسم> '، أو كعلامة' خارجية ' js 'بتحديد' src '. تعمل شفرة JavaScript بنفس الطريقة عند وضعها في أي من العلامات المذكورة. ومع ذلك ، فإن وضع JavaScript كملف js خارجي يساعد في إعادة استخدام الكود. تم توجيه هذه المدونة المتعلقة بوضع JavaScript في ملف HTML.