قد لا تصنف JavaScript كلغة برمجة عند البعض، لأن خواصها تقتصر على جهة المتصفح دون خادم الموقع. فما هي JavaScript؟
جافا سكريبت (بالإنجليزية: JavaScript) هي لغة برمجة وتأتي كلمة جافا من الإنجليزية وتعني جزيرة جاوة وهي جزيرة إندونيسية، ولا علاقة لمنشأ اللغة باسمها. طورت جافاسكريبت من قبل شركة نيتسكيب (Netscape) وصن مايكروسيستمز (Sun Micro systems). تختلف الجافا سكريبت عن لغة الجافا من شركة صن مايكروسيستمز والتشابه في الاسم لا يرجع لأنهما مثل بعضهما، وفائدة هذه اللغة هي بثّ الحياة إلى شبكة الإنترنت، حيث تستخدم لإنشاء صفحات إنترنت أكثر تفاعلية (ديناميكية).
مقتبس من الموسوعة الحرة ويكيبيديا
من الأمثلة على JavaScript:
– النوافذ التنبيهية، صورة:
– نوافذ التأكيد، صورة:
– نوافذ ادخال النصوص، صورة:
– استبدال عنوان الصفحة
– التأكد من الحقول المدخلة
– تقنية Ajax، ومكتبة jQuery
– العديد من الأمثلة الأخرى سنتطرق لها في الدروس القادمة بإذن الله
كيفية إضافة JavaScript إلى صفحة معينة:
هناك طريقتان، الأولى داخلية وتكون بإضافة شفرة JS في ذات الصفحة ضمن وسم <script>، للتوضيح:
<script type="text/javascript">
window.alert('Welcome to my blog \n http://www.alrashdi.co');
</script>
في أي مكان في الصفحة لكن يفضل أن يكونا من ضمن محتوى الوسم <head>، مثال:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JavaScript Example 1</title>
<script type="text/javascript">
window.alert('Welcome to my blog \n http://www.alrashdi.co');
</script>
</head>
<body>
</body>
</html>
والطريقة الثانية بربط JavaScript بملف خارجي (الامتداد .js) بالصفحة والمثال:
<script type="text/javascript" src="http://www.alrashdi.co/file.js"></script>
أو كاملًا:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>JavaScript Example 1</title> <script type="text/javascript" src="http://www.alrashdi.co/file.js"></script> </head> <body> </body> </html>
بشكل عام، JS هي ليست صعبه في التعلم، لكن مثل غيرها، تحتاج للتجربة والممارسة لتتقنها جيدًا، وسأضع الأمثلة في درس لاحق بإذن الله 🙂
[…] الدرس السابق بعنوان مقدمة حول JavaScript ، تم شرح طريقة استدعاء JavaScript في صفحات الموقع، وفي هذا […]