كيفية توصيل جافا سكريبت

جدول المحتويات:

كيفية توصيل جافا سكريبت
كيفية توصيل جافا سكريبت

فيديو: كيفية توصيل جافا سكريبت

فيديو: كيفية توصيل جافا سكريبت
فيديو: طريقة ربط ملف جافا سكريبت بملف HTML 2024, يمكن
Anonim

تعد JavaScript إلى حد بعيد أكثر لغات البرمجة النصية شيوعًا لصفحات الويب والمعيار الفعلي للويب. حتى الآن ، تم إنشاء عدد كبير من نصوص جافا سكريبت ، معظمها مجاني ومجاني. بفضل هذا ، يمكن لأي مشرف موقع العثور على برنامج نصي يناسب احتياجاته الحالية. وكل ما يحتاج إلى معرفته هو كيفية توصيل نص جافا بصفحة ويب.

كيفية توصيل جافا سكريبت
كيفية توصيل جافا سكريبت

ضروري

إمكانية تعديل كود الوثيقة

تعليمات

الخطوة 1

قم بتضمين برنامج نصي من مصدر خارجي ، موجه بواسطة URI معروف ، إلى المستند. استخدم عنصر SCRIPT HTML مع قيمة السمة src المحددة. قم بتحرير المستند بإضافة بناء النموذج إليه:

هنا ، يجب أن تكون قيمة script_URI عبارة عن عنوان URI يحدد المورد الذي سيتم تحميل بيانات البرنامج النصي منه.

يجب تحديد ترميز الأحرف في البرنامج النصي كقيمة لسمة مجموعة الأحرف ، إذا كانت تختلف عن ترميز الأحرف في المستند. يتم تحديد ترميز المستند استنادًا إلى البيانات الموجودة في حقل نوع المحتوى لرأس استجابة HTTP للخادم أو قيمة سمة المحتوى لعنصر META مع تعيين سمة http-equiv على Content-Type.

غالبًا ما يتم توصيل البرامج النصية بهذه الطريقة في عنوان المستند (توجد عناصر البرنامج النصي داخل عنصر HEAD) ولا يلزم تنفيذها على الفور. في هذه الحالة ، من المنطقي استخدام السمة defer للتفسير المؤجل لنص النص.

الخطوة 2

قم بتضمين البرنامج النصي عن طريق تضمينه مباشرة في المستند. أضف عنصر البرنامج النصي إلى ترميز المستند الذي يحتوي على محتوى JavaScript. استخدم بناء مثل:

// نص كود البرنامج النصي

// نص كود البرنامج النصي

// نص كود البرنامج النصي

انتبه لتعليقات HTML المحيطة بكود البرنامج النصي. وهي مطلوبة للتوافق مع طرز المستعرض الأقدم.

الخطوه 3

قم بتضمين البرنامج النصي عن طريق تحديد "javascript:" باعتباره URI واصف البروتوكول الخاص بالمرساة المستهدفة للعنصر A. قم بإنشاء ارتباط في المستند بقيمة السمة href للنموذج:

جافا سكريبت:

هنا ، يجب أن تكون القيمة تعبيرًا محسوبًا في JavaScript. في هذه الحالة ، يمكن دمج عدة جمل من اللغة في تعبير واحد باستخدام أقواس المعامل ، على سبيل المثال:

نص

عند تنشيط هذا الارتباط بأي طريقة (مستخدم أو برمجيًا) ، سيتم تنفيذ كود البرنامج النصي المضمّن.

الخطوة 4

أضف البرامج النصية إلى المستند الخاص بك كرمز لمعالجات أحداث العنصر المضمنة. للقيام بذلك ، قم بتعريف المعالجات المضمنة للأحداث المرغوبة للعناصر المحددة عن طريق إضافة السمات المناسبة لهذه العناصر. أدخل مقتطفات JavaScript لقيم السمات. على سبيل المثال ، يمكنك إضافة رمز كمعالج لحدث النقرة الواحدة على عنصر DIV مثل هذا:

محتوى العنصر

للحصول على قائمة بأحداث العناصر التي يجب أن يدعمها وكلاء المستخدم المطابق ، راجع قسم الأحداث في المستوى 2 و 3 من مواصفات DOM (DOM2 و DOM3) على موقع W3c.org الخاص بـ W3C.

موصى به: