الطريقة الرئيسية لإنشاء تأثيرات ديناميكية على صفحات الويب هي من خلال استخدام البرامج النصية من جانب العميل. إنها أجزاء من التعليمات البرمجية يتم تفسيرها بواسطة محرك البرمجة النصية للتطبيق الذي يعرض المستند. JavaScript هي لغة برمجة شائعة تستخدم في البرمجة النصية. لكي يتمكن البرنامج النصي من التنفيذ ، يجب إدراجه في المستند بطريقة ما.
انه ضروري
- - كود البرنامج النصي ؛
- - مصدر وثائق؛
- - محرر النص.
تعليمات
الخطوة 1
حدد أفضل طريقة لإدراج النص. إذا كان من المفترض أن يتم استخدام نفس البرنامج النصي في مستندات مختلفة ، فمن المنطقي نقله إلى ملف خارجي وتوصيله من هناك. خلافًا لذلك ، يجدر تضمين نص البرنامج النصي في نص الصفحة. إذا كان حجم النص كبيرًا ، فإن الأمر يستحق وضعه في قالب منفصل في المستند. إذا كانت شفرة البرنامج صغيرة الحجم وتنفذ رد فعل على أي حدث ، فيجوز وضعها في سمة تحدد معالج الحدث المدمج في العنصر أو سمة href للرابط.
الخطوة 2
الصق البرنامج النصي من مصدر خارجي. أضف عنصر نص برمجي مع src المحدد واكتب السمات إلى نص المستند أو قسم HEAD. على سبيل المثال ، يمكنك القيام بذلك على النحو التالي: يجب أن تكون قيمة السمة src عبارة عن URI يشير إلى المورد الذي سيتم تحميل نص البرنامج النصي منه. تعد سمة مجموعة الأحرف اختيارية. يشير إلى ترميز نص البرنامج النصي. ولكن إذا تم حذفها ، فسيتم اعتبار قيمة الترميز كقيمة ترميز للمستند الذي تم إدراج البرنامج النصي فيه.
الخطوه 3
أدخل النص في نص الصفحة. استخدم عنصر SCRIPT مع وجود نص نصي بداخله. على سبيل المثال ، قد يبدو كالتالي:
تنبيه ("البرنامج النصي يعمل!") ؛
تعليقات HTML التي تحتوي على الكود مطلوبة للتوافق مع المتصفحات القديمة. يمكنك استخدام تعليقات XML في مستندات XHTML.
الخطوة 4
أدخل كود جافا سكريبت في معالجات الأحداث المضمنة. ابحث عن العنصر في المستند الذي تريد معالجة الحدث الخاص به. أضف سمة تحدد المعالج المناسب. على سبيل المثال ، السمة التي تحدد المعالج للنقر بالماوس على عنصر ما هي onclick ، والمعالج لفقدان إشارة التركيز هو onblur ، ومعالج ضغط المفاتيح هو onkeydown.
الخطوة الخامسة
أدخل كود البرنامج النصي كنص يحدد قيمة السمة المضافة. على سبيل المثال ، لعرض رسالة عند النقر فوق عنصر DIV بالماوس ، يمكنك استخدام الإنشاء التالي: نص نص نص لاحظ أنه لتحديد القيم الحرفية للسلسلة في رمز معالج العنصر المضمن ، يجب استخدام نوع مختلف من علامات الاقتباس عن تلك التي تحدد قيمة سمة HTML …
الخطوة 6
أضف البرنامج النصي إلى عنصر href للارتباط. يجب أن تكون قيمة href عنوان URL ، واصف البروتوكول هو "javascript:" ، وجزء العنوان هو تعبير محسوب. على سبيل المثال: نص الرابط إذا كنت بحاجة إلى استخدام تعبيرات متعددة ، فاستخدم كتلة عبارة محددة بواسطة الأقواس {و}.
