انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #1 من درس: أين تُكتب أكواد جافا سكريبت

Java Script Where To أماكن كتابة أكواد جافا سكريبت

في هذا الدرس، ستتعرف على كيفية كتابة أكواد JavaScript في صفحات HTML باستخدام عدة طرق. سنبدأ بتغطية كيفية كتابة الأوامر داخل صفحة HTML نفسها، ثم نتطرق إلى كيفية دمج JavaScript داخل عناصر HTML باستخدام الخصائص الحدثية. بعد ذلك، سنتناول كيفية استخدام ملفات JavaScript منفصلة (.js) وربطها بصفحات HTML، سواء من خلال روابط داخلية أو خارجية. سنشرح أيضًا خاصية type مع عنصر <script>، بالإضافة إلى مفهوم defer وasync وكيفية تحسين أداء تحميل JavaScript في صفحات الويب باستخدامهما.

1 صفوف تعليمية
جافا سكريبت
16,748 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 صورة توضيحية
أماكن كتابة أكواد جافا سكريبت
يمكن كتابة أكواد JavaScript بثلاث طرق رئيسية داخل صفحات الويب:
  1. Internal JavaScript داخل صفحة HTML:
    تُكتب أكواد JavaScript داخل عنصر <script> مباشرةً في ملف HTML، ويمكن وضعها داخل عنصر <head> أو <body>. يفضل وضع الأكواد في نهاية <body> لتحسين سرعة تحميل الصفحة.

  2. Inline JavaScript داخل عناصر HTML:
    يتم كتابة أكواد JavaScript مباشرةً داخل عناصر HTML باستخدام الخصائص الحدثية (Event Attributes) مثل onclick و onmouseover، مما يسمح بتنفيذ الكود عند تفاعل المستخدم مع العنصر. هذه الطريقة تُستخدم للوظائف البسيطة، لكنها غير مفضلة في المشاريع الكبيرة لأنها تؤثر على تنظيم الكود.

  3. External JavaScript في ملف خارجي:
    يتم كتابة أكواد JavaScript في ملف مستقل بامتداد .js، ثم يتم استدعاؤها داخل ملف HTML باستخدام عنصر <script> مع خاصية src. هذه الطريقة هي الأفضل لأنها تفصل كود JavaScript عن HTML، مما يسهل إعادة استخدامه عبر صفحات متعددة ويساهم في تحسين الأداء.

جميع فقرات هذا الدرس (أين تُكتب أكواد جافا سكريبت)