أساسيات الجافا سكريبت Java Script

أساسيات الجافا سكريبت :-

أين يتم كتابة سكريبتات الجافا؟

كما ذكرنا منذ قليل أن الجافا سكريبت تكون بين سطور HTML , فهي توضع في منطقة Head , أو منطقة Body .

لكن هناك فرق بين كود الجافا سكريبت وكود HTML وهو أنا الجافا سكريبت تعتبر لغة برمجية , بمعني أنة عند وجود أخطاء في كتابة الكود تظهر رسالة توضح أنة هناك خطأ في الكود بالصفحة وغالبا  ما يتوقف عرض الصفحة أو تعطل بعض الوظائف  أو تختفي بعض الأجزاء من الصفحة , وهذا بعكس لغة HTML التي تتجاهل الأخطاء وليس لديها حساسية نحو الأخطاء .

باقي شيئا واحدا وهو أن أكواد الجافا سكريبت توضع بين الوسمين :-

>Script Language = "javascript"<

برنامج الجافا

>/Script<

أو بهذه الطريقة

>Script type = "text/javascript"<

أو بأبسط طريقة

>Script<

برنامج الجافا

>/Script<

ووسم الإغلاق هنا </Script> مهم للغاية , ونسيان كتابته يعيق تنفيذ البرنامج , وربما يعيق ظهور بيانات أخري في الصفحة علي حسب موقع وجود برنامج الجافا سكريبت داخل سطور HTML , هذا بالإضافة إلي الحذر في كتابة برنامج الجافا سكريبت حيث أنها تعتمد في تنفيذ الأوامر علي نظام تنفيذ الأوامر السطري , أي يتم تنفيذ الأوامر سطرا سطرا بالترتيب , ووجود خلل في أحد السطور يعيق تنفيذ السطور التي تليه , لكن لا يعيق تنفيذ ما قبله من سطور .

بدايتك إلي الجافا سكريبت :-

في البداية نتناول نبذه عن سريعة عن طريقة كتابة التعليقات في الجافا سكريبت حتي نبني أساس العمل مع الجافا سكريبت خطوة خطوة , وذلك لأهمية التعليقات الخاصة في أي لغة برمجية , وتختلف طريقة كتابة التعليقات في الجافا سكريبت عن HTML , لكنها تتفق مع CSS في طريقة كتابتها حيث تكون كالأتي :-

هنا يكتب (سطر واحد) //

والطريقة الأخري

/*

يمكنك هنا كتابة التعليق

(سطر واحد أو أكثر

*/

وبإستعمال جملة الإخراج document0write0 نستعملها كما هي الآن , والمثال الأتي يوضح ذلك :-

>HTML<

>Head<

>TITLE< Simle Script>/TITLE<

>/HEAD<

>BODY<

>CENTER<

>/CENTER<

>SCRIPT Language= "JavaScript"<

Document0write  ("بسيط سكريبت ")

>/SCRIPT<

>/BODY<

>/HTML<

وسوف تجد النتيجة كما يلي :-

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

ينبغي أن تعلم أيضا أن المتصفحات تستخدم أنواع مختلفة من إصدارات قديمة من المتصفحات لا تفه لغة الجافا سكريبت , وتلك المتصفحات تتجاهل الوسم <Script> , وبتجربة السكريبت البسيط السابق علي متصفح قديم لا يدعم الجافا سكريبت , سوف نجد شيئا فظيعا حيث يقوم المتصفح بكتابة كود الجافا كالأتي :-

ولتجنب هذا فإننا نحيط كود الجافا سكريبت بمجموعة من تعليقات كود HTML …..!<

….> , ونستعمل أيضا العلامة (//) المستخدمة في كتابة التعليقات بالجافا سكريبت , ويكون الناتج من دمج تعليقات HTML والجافا سكريبت هو <!.....   //…>

لذا ينبغي أن يكون الصيغة العامة لكود الجافا سكريبت :-

>SCRIPT language= "JavaScript"<

>!—hide from old browsers

JavaScript Code here

//--<

>/SCRIPT<

أو بتنسيق آخر لكتابة تلك الصيغة :-

>SCRIPT   language="JavaScript"< > !—

JavaScript Code Here

//--< >/SCRIPT<

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

>HTML<

>HEAD<

>TITLE< Smile Script>/TITLE<

>/HEAD<

>BODY<

>CENTER<

>/CENTER<

>SCRIPT Language= "JavaScript"<

>!—hide from old browsers

Document0write) " بسيط سكريبت")

//--<

>/SCRIPT<

>/BODY<

>/HTML<

دمج أكواد HTML داخل الجافا سكريبت وحلول المشاكل :-

بالطبع يمكن أن تحتاج أن تنسق العبارات داخل الجافا سكريبت بإستخدام أكواد HTML , وبكل سهولة يمكنك دمج أكواد HTML داخل الجافا سكريبت ,

Document0write(" <B>Center>"+"بسيط سكريبت")

طريقة سهلة أليس كذلك ؟

لاحظ معي أنك إذا أردت معي وضع علامتي التنصيص في النص هكذا ("سكريبت بسيط ") , فمن الطبيعي أن تكتبها هكذا (""سكريبت بسيط "") , لكن هذا يسبب مشاكل وربما يقف المتصفح عن تنفيذ باقي السطور , لذا فهناك بعض العلامات التي تكتب للتغلب علي تلك المشكلة

/	لكتابة علامة التنصيص الفردية
"/	لكتابة علامة التنصيص الزوجية
n/	لعمل سطر جديد داخل النص
T/	لإدخال الحرف Tab
r/	لعمل سطر جديد

وعند الرغبة في كتابة أي علامة محجوزة لدي الجافا سكريبت , يجب أن تسبق ب/ وبهذا يكون العبارة بداخل السكريبت كالتالي : ( ""/سكريبت بسيط"/")