هل يمكن حفظ نصوص الشفرة في ملف خارجي؟

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

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

من الأفضل أن نجعل JavaScript مستقلًا عن صفحة الويب التي تستخدمها.

لحسن الحظ ، فإن المطورين من HTML وجافا سكريبت قد وفرت حلاً لهذه المشكلة. يمكننا نقل JavaScripts خارج صفحة الويب ولا يزال لدينا نفس الوظيفة.

أول شيء يتعين علينا القيام به لجعل JavaScript خارجيًا للصفحة التي تستخدمه هو التحديد رمز جافا سكريبت الفعلي نفسه (بدون علامات HTML النصية المحيطة) ونسخه إلى منفصل ملف.

على سبيل المثال ، إذا كان النص التالي موجودًا على صفحتنا ، فسنحدد وننسخ الجزء بالخط العريض:

كان هناك ممارسة لوضع جافا سكريبت في مستند HTML داخل علامات التعليق لمنع المتصفحات القديمة من عرض الكود ؛ ومع ذلك ، تنص معايير HTML الجديدة على أن المتصفحات يجب أن تتعامل تلقائيًا مع التعليمات البرمجية داخل علامات تعليق HTML كتعليقات ، وينتج عن ذلك أن تتجاهل المتصفحات جافا سكريبت.

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

على سبيل المثال ، يمكنك فقط نسخ الرمز الغامق ، مع ترك علامات تعليق HTML و في نموذج التعليمات البرمجية أدناه:

بمجرد تحديد كود JavaScript الذي تريد نقله ، قم بلصقه في ملف جديد. قم بتسمية الملف باقتراح ما يقوم به البرنامج النصي أو يحدد الصفحة التي ينتمي إليها البرنامج النصي.

قم بإعطاء الملف .js لاحقة حتى تعرف أن الملف يحتوي على JavaScript. على سبيل المثال قد نستخدم مرحبا كاسم الملف لحفظ جافا سكريبت من المثال أعلاه.

الآن بعد أن تم نسخ جافا سكريبت وحفظها في ملف منفصل ، كل ما علينا القيام به هو الرجوع إلى ملف البرنامج النصي الخارجي على مستند صفحة ويب HTML.

أولاً ، احذف كل شيء بين علامات البرنامج النصي:

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

سيبدو مثالنا الآن كما يلي:

src = "hello.js">

تخبر السمة src المستعرض باسم الملف الخارجي الذي يجب أن تقرأ منه شفرة جافا سكريبت لصفحة الويب هذه (وهو مرحبا في مثالنا أعلاه).

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

يمكنك الآن أخذ أي نص برمجي كتبته أو أي نص برمجي حصلت عليه من مكتبة نصوص برمجية ونقله من رمز صفحة ويب HTML إلى ملف JavaScript تمت الإشارة إليه خارجيًا.

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