أما لوضع ارتباط تشعبي نستخدم الوسم و ويتم تنسيق النص بداخله بتنسيق أزرق مسطر عندما يضع المستخدم مؤشر الماوس فوق الارتباط التشعيبي يغير المؤشر شكلها إلى يد ذات اصبع مشير .. تعرف السمة ( hypertext refernce ) HREF المكان الذي يجب أن ينقل إليه الانترنت اكسبلورر ويمكن أن يكون ذلك المكان أي موقع ويب صاح كما يمكن ضبط السمة HREF عند ملف محلي أيضاُ وذلك بكتابة مسار الملف اسمه كما في المثال الآتي :

linkto….

text

وهكذا نجد أن هناك كماً هائلاً من التعابير ذات الوظائف المختلفة في لغة HTML

و لكن مع ذلك تبقى لغة HTML لغة ضعيفة كلغة تنفيذية لذلك يتم تضمينها لغات نصية scripting language)) كلغة JavaScript)) حيث تمتاز هذه اللغة بكونها عرضية التوجه و بقابليتها لبرمجة الأحداث و بإضفائها تأثيرات رائعة على الصفحات

ما هي لغة JavaScript ؟

بنية لغة JavaScript :

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

و بعيداً عن تشدد لغات البرمجة الأخرى فإن هذه اللغة ببساطتها … تقترب من هيكلية لغات أخرى مثل C و Perl حيث يستخدم ( 😉 لإنهاء التعليمة و { } لاحاطة كتلة من التعليمات البرمجية .

كما أنها تتمتع بعدة ميزات من الميزات القياسية للغات البرمجة و مثل استخدام التوابع وأسماء المتحولات و أنواعها .. كما أنها تستطيع الاستفادة من التعابير الجبرية في العمليات الرياضية…

و أهم ما يميز لغة javascript أنها لغة غرضية التوجيه و هذا يعني أنها تدعم تقنيات الأغراض و الأغراض هي عبارة عن أنواع بيانات تدمج بين المعطيات و التوابع و قد يتضمن الغرض ما يدعى بالخصائص properties التي تكون مسؤولة عن حجز المعطيات كما تتضمن أيضاً ما يدعى بالمناهج method و هي توابع تنفذ على المعطيات .

كما نستطيع وضع التعليقات comments داخل شيفرة javascript والتي تقوم بتوضيح الغرض من الشيفرة المكتوبة ويمكن استخدام نوعين من التعليقات في javascript

– تعليق ذو سطر واحد و يبدأ بالمحرفين // و تنتهي عند نهاية السطر

– تعليق ذو سطور متعددة تبدأ بـ ( */ ) و تنتهي بـ ( / * )

البرامج و التطبيقات : بما أننا في حالتنا هذه نستخدم لغتي برمجة هما : javascript و Html أي أن كلا اللغتين يندمجان في ملف واحد لذلك لا بد من اعطاء تعريف واضح لمفهومي البرنامج و التطبيق :

– برنامج javascript يتألف من جميع التوابع و معالجات الحدث و التصاريح عن المتحولات التي يتضمنها ملف Html وحيد .. و هذه العناصر قد لا يجري تنفيذها بذات الترتيب المعرفة فيه و لكن المتصفح يقرؤها و يفسرها في وقت واحد .

– أما التطبيق javascript فيمكن اعتباره مجموعة من ملفات Html و من نصوص javascript تعمل مع بعضها لإنجاز هدف محدد … و هكذا فإن التطبيق قد يتضمن عدة برامج javascript ضمن عدة ملفات Html و قد يشمل أيضاً توابع إضافية من لغات أخرى مثل CCI أو Java .

و سنتحدث الآن و بشكل سريع عن بعض نواحي و ميزات لغة javascript … بشكل نكّون به نظرة قريبة من الشمول لهذه اللغة …

المتحولات و أنواع المعطيات ..

تقدم javascript دعم لأغلب أنواع المعطيات … و مع ذلك تستطيع باستخدام هذه الأنواع تشكيل و إنشاء أنواع أخرى … و ذلك باستخدام ميزة غرضية التوجه كما سنرى لاحقاً …

أما الأنواع الأساسية في javascript

–> الأعداد : مثل 1.423502,25,3 فهي تدعم الأعداد و الأعداد غير الصحيحة ذات الفاصلة العائمة .

–> القيم المنطقية و التي تأخذ قيمتين أو حالتين فقط صح أو خطأ …

و تستخدم غالباً في رايات الحالة flags و هي عبارة عن متحولات تشير فيما إذا تحقق شرط ما أم لا ..

è السلاسل .. التي تتكون من محرف واحداً أو أكثر مثل السلسلة “This isstring” و يمكن استخدامها كثوابت بوضع إشارتي تنصيص مضاعفتين أو مفردتين حول النص … مثل “Hellow” ، ‘a’

è –> القيمة المعدومة null value و الممثلة بالكلمة المحجوزة null و هي تمثل المتحول الغير معرف …

بعض لغات البرمجة الأخرى تدعم أنواعاً أكثر تعقيداً من المعطيات و توابع تحويل الأنواع إلا أننا نلاحظ أن لغة javascript هي لغة غير منوعة و هذا يعني أننا عندما نصرح عن متحول ما فإنك لا تعرف نوع معطياته و عندها يمكن تخزين أي قيمة معقولة من المعطيات ضمن هذا المتحول .. فالتحويل بين الأنواع المختلفة للمعطيات يتم بشكل آلي …

– يوجد محارف خاصة يمكن استخدامها ضمن سلاسل javascript مثل Tab و return …

و لاستخدام أحدها يمكن اللجوء إلى المحرف \ متبوعاً بشيفرة ذلك المحرف الخاص …

مثل : \b يقوم بتحريك المشيرة إلى الوراء حرفاً واحداً

\n حرف سطر جديد …

\t حرف Tab

– تخضع تسمية المتحولات في Javascript إلى نفس القواعد الموجودة في لغات البرمجة الأخرى .. مثل أنه لا يجب أن يبدأ برقم .. و ألا يحتوي فراغ و ألا يتجاوز طوله سطراً واحداً … و لإلحاق قيمة بمتحول … نستخدم عامل الاحاق ( = ) و علينا تذكر أن عامل الإلحاق يقوم بقسر أنواع البيانات لتلائم بعضها … فمثلاً :

X=16

Y=”because”

فعندما نضع x=y سيتم تحويل y إلى نوع صحيح integer ليتم إسنادها لـx

وعلينا الانتباه دوماً إلى هذه الميزة التي قد تكون مصدر قوة للغة أو مصدر ضعف فيها .

ـ لا يجب التصريح عن كل متحول نستخدمه فالمرة الأولى التي تلحق فيها قيمة ما بالمتحول يعتبر ذلك تصريحاً تلقائياً … وعلينا مراعاة أن لكل متحول ما يسمى بالمجال scope …. وهو مقطع من شيفرة البرنامج حيث يكون المتحول شرعياً ….ولدينا نوعين من تلك المجالات .

A ـ أي متحول يصرح عنه ضمن تابع ما باستخدام var يعتبر محلياً وأي من التوابع الأخرى لا يستطيع استخدامه .

B ـ المتحولات المصرح عنها خارج التابع أو ( دون استخدام var ضمن تابع ما ) تعتبر عامة … وبالتالي إن جميع توابع javascript يمكنها الوصول إلى قيم ذلك النوع من المتحولات …

ويتم عادة التصريح عن المتحولات العامة ضمن ترويسة صفحة Html وهي لأنها بذلك ستضمن أن تكون في بداية الشيفرة …

التعابير والمعاملات : تدعم لغة javascript عدة معاملات وتعابير … وعلى الأشكال التالية :

* عوامل الإلحاق … وتستخدم لإلحاق قيمة ما بتحويل … مثل ( = ) و ( = + ) حيث بدل x=x+1 تكتب x+=1

· العوامل الحسابية وتستخدم لانجاز العمليات الحسابية على القيمة الثابتة أو على المتحولات ( + ، – ، * ، / ) وعامل باقي القسمة (%) فمثلا

2%100=0 100%3=1

عامل السلبية ( – ) وزيادة وإنقاص المتحولات فمثلاً 1+ a = a يكتب 1= +a

أما عامل الزيادة بمقدار واحد فيكتب على الشكل 1+ x = x تعطي x ++

· العوامل السلاسلية : والمستخدمة لمعالجة سلاسل المحارف ..

وفي الحقيقة هناك عامل واحد مخصص للتعامل مع السلاسل في javascript وهو عامل دمج السلاسل بشكل متسلسل ( + ) فهو يأخذ السلسلة الواقعة على يمينه ويلحقها بالسلسلة الواقعة على يساره test = test 1 + this code

وهنا إن احتوى test 1 على قيمة pleas read يصبح test يحوي please read this code

· العوامل المنطقية : وتستخدم مع القيم المنطقية وتستخدم في فحص الشروط :

ـ ( && ) ( and ) يعيد true إذا كان كلا المعاملين لهما القيمة true ويعيد faise في ذلك

ـ ( || ) (or ) يعيد true إذا كان أحد المعاملين له القيمة true و faise في الحالات الأخرى .

ـ ( ! ) (not ) يعيد القيمة المضادة للمتحول الذي يسبقه .

· عوامل المقارنة : وتستخدم لمقارنة عددين مع بعضهما البعض .. وهي تعيد قيم منطقية اعتماداً على الشروط الموافقة وهي عامل المساواة ( = = ) وعامل أصغر من (<) وعامل أكبر من (>) وعامل (<=) (>=)

بعض التوابع : يمكن استخدام بعض التوابع مع أنواع المعطيات كما سنرى الآن :

ـ ( ) parsent يبحث في بداية سلسلة ما عن عدد صحيح فإن وجد عدد غير صحيح في بداية السلسلة تجاهل الجزء السري فمثلاً

a=parseint(“39integer”) ——à a=39

وعندما لا يجد هذا التابع أي عدد في بداية السلسلة ( حصراً ) فإن يعيد قيمة هي “NaN”

ـ ( ) parsefloat ويشبه التابع السابق إلا أنه يتعامل مع القيمة ذات الفاصلة العائمة فهو يحاول إيجاد عدد ذو فاصلة عائمة في بداية السلسلة .

ـ التابع eval وله عدة استخدامات في تقنيات البرمجة وبدلاً من البحث عن عدد ما في السلسلة فإنه يبحث عن تعابير شرعية وصحيحة javascuiptsوينفذها فمثلاً :

a = eval ( ” 2 o + 1 + 4 ” ) يقوم بجعل a= 25

كما أن استخدام التابع eval قد يكون أكثر تعقيداً من هذا إذ يمكنك استخدام أي تعبير في javascript كسلسلة وتمررها بعد ذلك للتابع eval الذي سيقوم بتنفيذها .