هذا الجزء من البرنامج التعليمي عن أساسيات لغة جافا سكريبت، اللغة نفسها.
لكن نحتاج إلى بيئة عمل من أجل تشغيل النصوص الخاصة بنا، وبما أن هذا الكتاب عبر الانترنت، لذافإن المتصفح خيار جيد. سوف نقوم بالاحتفاظ بالأوامر الخاصة بالمتصفح (مثل 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>لا يتم استخدام هذه الخدعة في جافا سكريبت الحديثة. تخفي هذه التعليقات شفرات جافا سكريبت في المتصفحات القديمة التي لاتعرف كيفية عمل معالجة للوسم `