٣١ مايو ٢٠٢٠

أهلاً، بالعالم!

هذا الجزء من البرنامج التعليمي عن أساسيات لغة الجافا سكريبت، اللغة نفسها.

لكن نحتاج إلى بيئة عمل من أجل تشغيل النصوص الخاصة بنا، وبما أن هذا الكتاب عبر الانترنت، لذافإن المتصفح خيار جيد. سوف نقوم بالاحتفاظ بالأوامر الخاصة بالمتصفح (مثل alert) للحد الأدنى بحيث لا تقضي وقتًا عليها إذا كنت تخطط للتركيز على بيئة أخرى (مثل Node.js). سوف نركز على الجافا سكريبت في المتصفح الجزء التالي من البرنامج التعليمي.

لذا أولاً، دعونا نرفق نصا برمجيا في صفحة الويب. بالنسبة للبيئات التي تعمل على الخوادم (مثل Node.js)، يمكنك تنفيذها من خلال استخدام أمر مثل "node my.js".

الوسم “script”

يمكن وضع برامج الجافاسكريبت في أي جزء في مستند HTML باستخدام وسم <script>.

على سبيل المثال:

<!DOCTYPE HTML>
<html>

<body>

  <p>Before the script...</p>

  <script>
    alert( 'أهلاً، بالعالم!' );
  </script>

  <p>...After the script.</p>

</body>

</html>

يمكن أن تقوم بتشغيل المثال بالضغط على زر “تشغيل” في الجانب الأيمن العلوي بالمربع الأعلى.

الوسم <script> يحتوي على شفرات جافاسكريبت التي يمكن أن تُنفذ بشكل تلقائي عندما يقوم المتصفح بمعالجة الوسم.

الترميز الحديث

الوسم <script> يحتوي على بعض الخصائص التي نادراً مايتم استخدامها في وقتنا الحاضر، لكن يمكن أن تجدها في الشفرات البرمجية القديمة:

الخاصية type: <script type=…>

معيار HTML القديم، HTML4، يتطلب أن يحتوي وسم script على type. عادة ما كان type="text/javascript". لم تعد مطلوبة الآن. وأيضاً، معايير HTML الحديثة غيرت معنى هذه الخاصية. والآن، يمكن أن تستخدم لوحدات الجافا سكريبت. لكن هذا الموضوع متقدم، وسنتحدث عن الوحدات في جزء آخر من البرنامج التعليمي.

الخاصية language: <script language=…>

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

التعليقات قبل وبعد النصوص البرمجية.

في الكتب والأدلة القديمة جداً، قد تجد تعليقات داخل وسم <script>، مثل هذا:

<script type="text/javascript"><!--
    ...
//--></script>

لا يتم استخدام هذه الخدعة في الجافاسكريبت الحديثة. تخفي هذه التعليقات شفرات الجافاسكريبت في المتصفحات القديمة التي لاتعرف كيفية عمل معالجة للوسم `