JavaScript هي لغة برمجة تضيف التفاعل إلى موقع الويب الخاص بك (على سبيل المثال: الألعاب، والاستجابة عند النقر على الأزرار أو عند إدخال البيانات في النماذج، والأنماط الديناميكية، والرسوم المتحركة). ستساعدك هذه المقالة على البدء بهذه اللغة المثيرة وتعطيك فكرة عما يمكن أن تفعله.

ما هي جافا سكريبت في الواقع؟

ملحوظة: سبب وضعنا العنصر في أسفل ملف HTML هو أن عناصر HTML يتم تحميلها بواسطة المتصفح بالترتيب الذي تظهر به في الملف. لذلك، إذا تم تحميل JavaScript أولاً ويحتاج إلى التفاعل مع HTML الموجود أسفله، فسوف يفشل لأنه سيتم تحميل JavaScript قبل HTML الذي يحتاج إلى التفاعل معه. لذلك، يعتبر وضع JavaScript في أسفل صفحة HTML أفضل استراتيجية.

ماذا حدث؟

لذلك تم تغيير عنوان النص الخاص بك إلى "Hello World!" باستخدام جافا سكريبت. لقد فعلنا ذلك عن طريق استدعاء querySelector()، والحصول على مرجع إلى رأسنا وتخزينه في متغير يسمى myHeading. هذا مشابه جدًا لما فعلناه في CSS مع المحددات. إذا كنت تريد القيام بشيء ما باستخدام عنصر ما، فأنت بحاجة أولاً إلى تحديده.

بعد ذلك، قمت بتعيين قيمة المتغير myHeading إلى خاصية textContent (التي تمثل محتوى الرأس) إلى "Hello World!".

دورة مكثفة حول أساسيات اللغة

دعنا نلقي نظرة على بعض ميزات لغة JavaScript الأساسية لتمنحك فهمًا أفضل لكيفية عمل كل شيء. علاوة على ذلك، فإن هذه الميزات مشتركة بين جميع لغات البرمجة. إذا تمكنت من فهم هذه الأساسيات، فستتمكن من بدء البرمجة وكأن شيئًا لم يحدث على الإطلاق!

المتغيرات

ملاحظة: JavaScript حساس لحالة الأحرف - يختلف myVariable عن myvariable. إذا كنت تواجه مشاكل في التعليمات البرمجية الخاصة بك، تحقق من الحالة!

بعد الإعلان عن المتغير، يمكنك تعيين قيمة له:

MyVariable = "Bob";

يمكنك القيام بكلتا العمليتين على نفس السطر إذا كنت تريد:

var myVariable = "Bob";

يمكنك الحصول على القيمة ببساطة عن طريق استدعاء المتغير بالاسم:

MyVariable;

بعد تحديد قيمة المتغير، يمكنك تغييره لاحقًا:

var myVariable = "Bob"; myVariable = "ستيف";

لاحظ أن المتغيرات لها أنواع بيانات مختلفة:

مثال شرح متغيرخيط رقم منطقية هدف

تسلسل من النص يسمى الخط. للإشارة إلى أن هذه القيمة عبارة عن سلسلة، يجب عليك تضمينها بين علامتي اقتباس.	var myVariable = "Bob";
أعداد. الأرقام ليس لها اقتباسات حولها.	فار myVariable = 10;
القيمة صحيحة/خطأ. الكلمات صحيح وخطأ هي كلمات رئيسية خاصة في JS ولا تحتاج إلى علامات الاقتباس.	var myVariable = true;
مصفوفة تسمح لك بتخزين قيم متعددة في مرجع واحد.	فار myVariable = ; يمكنك الوصول إلى كل عنصر من عناصر المصفوفة مثل هذا: myVariable، myVariable، الخ.
في الأساس، أي شيء. كل شيء في JavaScript هو كائن، ويمكن تخزينه في متغير. ضع ذلك في اعتبارك أثناء التعلم.	var myVariable = document.querySelector("h1"); كل هذا من الأمثلة المذكورة أعلاه.

فلماذا نحتاج المتغيرات؟ حسنًا، كان من المفترض أن تقوم المتغيرات بشيء مثير للاهتمام في البرمجة. إذا لم تتمكن من تغيير القيم، فلن تتمكن من القيام بأي شيء ديناميكي، مثل تخصيص رسالة الترحيب أو تغيير الصورة المعروضة في معرض الصور.

تعليقات

يمكنك وضع التعليقات في كود JavaScript، تمامًا كما فعلت في CSS:

/* كل ما هو موجود هنا هو تعليق. */

إذا كان تعليقك لا يحتوي على فواصل أسطر، فغالبًا ما يكون من الأسهل استخدام خطين مائلين للأمام، مثل هذا:

// هذا تعليق

العاملين

ملاحظة: يمكن أن يؤدي خلط أنواع البيانات إلى بعض النتائج غير المتوقعة عند إجراء العمليات الحسابية، لذا كن حذرًا في الإشارة إلى متغيراتك بشكل صحيح للحصول على النتائج المتوقعة. على سبيل المثال، أدخل "35" + "25" في وحدة التحكم الخاصة بك. لماذا لم تحصل على النتيجة التي توقعتها؟ نظرًا لأن علامات الاقتباس حولت الأرقام إلى سلاسل، فقد انتهى بك الأمر بتسلسل سلسلة بدلاً من إضافة الأرقام. إذا قمت بإدخال 35 + 25 سوف تحصل على النتيجة الصحيحة.

شروط

الشروط هي بنيات تعليمات برمجية تسمح لك باختبار ما إذا كان التعبير صحيحًا أم خطأ، ثم تنفيذ تعليمات برمجية أخرى اعتمادًا على النتيجة. الشكل الأكثر شيوعًا للحالة يسمى if ... else . على سبيل المثال:

Var IceCream = "chocolate"; if (iceCream === "chocolate") ( تنبيه ("رائع، أنا أحب آيس كريم الشوكولاتة!")؛ ) else ( تنبيه ("رائع، لكن الشوكولاتة هي المفضلة لدي...")؛ )

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

أحداث الوظائف

لإنشاء تفاعل حقيقي على موقع ويب، تحتاج إلى أحداث. الأحداث عبارة عن إطار عمل يستمع إلى ما يحدث في المتصفح ثم يسمح لك بتشغيل التعليمات البرمجية استجابةً له. الحدث الأكثر وضوحًا هو حدث النقر، الذي يطلقه المتصفح عندما ننقر على شيء ما بالماوس. لتوضيح هذا الحدث، أدخل الأمر التالي في وحدة التحكم الخاصة بك ثم انقر فوق صفحة الويب الحالية:

Document.querySelector("html").onclick = function() ( تنبيه("أوه! توقف عن مضايقتي!"); )

هناك طرق عديدة لربط حدث بعنصر ما. نختار هنا العنصر ونضبط معالج خاصية onclick الخاص به على وظيفة مجهولة (أي غير مسماة) تحتوي على الكود الذي نريد تشغيله في حدث النقر.

.لاحظ أن

Document.querySelector("html").onclick = function() ();

مقابل

var myHTML = document.querySelector("html"); myHTML.onclick = function()();

انها مجرد أقصر.

دعونا ترقية مثال موقعنا على الانترنت

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

إضافة تغيير الصورة

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

أولاً، ابحث عن صورة أخرى ترغب في عرضها على موقعك. تأكد من أنها بنفس حجم صورتك الأولى أو أقرب ما يمكن إليها.

احفظ الصورة في مجلد الصور الخاص بك.

أعد تسمية هذه الصورة إلى "firefox2.png" (بدون علامتي الاقتباس).

انتقل إلى ملف main.js الخاص بك وأدخل JavaScript التالي. (إذا كان JavaScript "hello World" الخاص بك لا يزال موجودًا، فقم بإزالته.) var myImage = document.querySelector("img"); myImage.onclick = function() ( var mySrc = myImage.getAttribute("src"); if(mySrc === "images/firefox-icon.png") ( myImage.setAttribute("src"، "images/firefox2. png"); ) else ( myImage.setAttribute("src"، "images/firefox-icon.png"); ) )

احفظ جميع الملفات وقم بتحميل ملف Index.html في متصفحك. الآن عندما تنقر على الصورة يجب أن تتغير إلى شيء آخر!

لذلك نقوم بحفظ إشارة إلى عنصرنا في المتغير myImage . بعد ذلك، نقوم بإنشاء معالج حدث onclick مع وظيفة مجهولة لهذا المتغير. الآن، في كل مرة يتم النقر فوق عنصر الصورة هذا:

نحصل على القيمة من سمة src للصورة.

نستخدم شرطًا للتحقق من قيمة src لمعرفة ما إذا كان المسار إلى الصورة الأصلية يساوي:

إذا كان الأمر كذلك، فإننا نغير قيمة src إلى المسار إلى الصورة الثانية، مما يؤدي إلى تحميل الصورة الأخرى داخل ملف .

إذا لم يكن الأمر كذلك (بمعنى أنه يجب أن يكون قد تغير الآن)، فإننا نغير قيمة src، ونعود إلى مسار الصورة الأصلي كما كان في المقام الأول.

إضافة رسالة ترحيب شخصية

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

في ملف Index.html، أضف السطر التالي قبل العنصر: تغيير المستخدم

في main.js، أضف التعليمة البرمجية التالية إلى نهاية الملف، تمامًا كما هو مكتوب - وسوف يلتقط المراجع إلى الزر الجديد والعنوان الجديد، ويخزنها في متغيرات: var myButton = document.querySelector("button"); var myHeading = document.querySelector("h1");

أضف الآن الوظيفة التالية لتعيين التحية الشخصية - لن تفعل أي شيء، لكننا سنستخدمها لاحقًا: function setUserName() ( var myName = موجه ("الرجاء إدخال اسمك."); localStorage.setItem(" name"، myName ); myHeading.innerHTML = "Mozilla رائع، " + myName ) تحتوي هذه الوظيفة على وظيفة موجه () تستدعي مربع حوار، تشبه إلى حد ما التنبيه () باستثناء أن المطالبة () تطلب من المستخدم إدخال بعض المعلومات وحفظها في متغير بعد أن ينقر المستخدم على موافق. وفي هذه الحالة نطلب من المستخدم إدخال اسمه. بعد ذلك، نستدعي واجهة برمجة تطبيقات تسمى localStorage، والتي تسمح لنا بتخزين البيانات في المتصفح واسترجاعها لاحقًا. نستخدم الدالة setItem() من localStorage لإنشاء البيانات وتخزينها في خاصية تسمى "name"، ونضبط هذه القيمة على المتغير myName، الذي يحتوي على الاسم الذي أدخله المستخدم. في النهاية قمنا بتعيين نص العنوان ليكون سلسلة واسم المستخدم.

ثم أضف كتلة if ... else - يمكننا استدعاء رمز التهيئة هذا لأنه يبني التطبيق عند تحميله لأول مرة: if(!localStorage.getItem("name")) ( setUserName(); ) else ( varstoreName = localStorage .getItem("name"); myHeading.innerHTML = "Mozilla رائع،" +storeName ) تستخدم هذه الكتلة أولاً عامل النفي (المنطقي NOT، المُمثل بـ!) للتحقق من وجود البيانات الموجودة في عنصر الاسم. إذا لم يكن الأمر كذلك، فسيتم تشغيل الدالة setUserName() لإنشائها. إذا كانت البيانات موجودة (أي أن المستخدم قام بتعيينها في زيارة سابقة)، فإننا نسترد الاسم المخزن باستخدام getItem() ونقوم بتعيين textContent الخاص بالعنوان ليكون السلسلة بالإضافة إلى اسم المستخدم، تمامًا كما فعلنا داخل setUserName() .

وأخيرًا، قم بتعيين معالج حدث onclick على الزر. عند النقر فوق الزر، يتم تشغيل الدالة setUserName(). يتيح ذلك للمستخدم تعيين اسم جديد وقتما يريد عن طريق النقر فوق زر: myButton.onclick = function() ( setUserName(); )

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

خاتمة

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

تتم قراءة JavaScript بواسطة المتصفح، ومن ثم يتم تنفيذ التعبيرات المكتوبة وإجراء المعالجات المحددة في الصفحة. تشبه JavaScript في بناء الجملة لغات البرمجة مثل Java وC++ وC.

يرجع ظهور جافا سكريبت إلى تطورات شركات مثل Sun Microsystems (Oracle) وNetscape (Mozilla). الاسم الأصلي للغة كان LiveScript. ومع ذلك، نظرًا لأن لغة Java من شركة Sun Microsystems كانت تحظى بشعبية كبيرة في ذلك الوقت، فقد قرر قسم التسويق في Netscape تغيير اسم اللغة إلى JavaScript. وفي الوقت نفسه، كان هناك توقع بأن هذه الخطوة ستضيف شعبية للغة. وبالحديث عن ذلك أيضًا، تجدر الإشارة إلى أن Java وJavaScript هما لغتان مختلفتان.

ECMA-262 هو المعيار الرسمي لهذه اللغة. اسم لغة جافا سكريبت هذه هو ECMAScript.

لتعلم هذه اللغة، ستكون المعرفة السابقة بـ CSS وHtml مفيدة. إذا لم تكن تعرف حتى هذه اللحظة عن CSS وHTML، فعليك أن تتعرف على نفسك على الفور.

حدود وقدرات جافا سكريبت

تظهر الميزات التالية عند استخدام البرامج النصية على صفحات الويب:

• إضافة تأثيرات الرسوم المتحركة المتنوعة التي لا يمكن تنفيذها باستخدام Html وCSS.
• القدرة على تغيير محتوى عناصر Html وإضافة علامات جديدة دون إعادة تحميل الصفحة.
• الاستجابة للأحداث (الاستجابة لإجراءات المستخدم) - معالجة ضغطات المفاتيح على لوحة المفاتيح وحركات مؤشر الماوس.
• إجراء التحقق من صحة البيانات التي تم إدخالها في حقول النموذج قبل إرسالها إلى الخادم. وهذا يقلل من الحمل على الخادم ويسرع الموقع.
• تحديد إصدار المتصفح وتحميل الصفحة المطلوبة بناءً على ذلك.

هذه ليست قائمة كاملة بميزات البرمجة النصية التي تمت كتابتها بهذه اللغة؛ فميزات JavaScript لها معنى أوسع بكثير.

بالإضافة إلى الإمكانيات المذكورة أعلاه، هناك أيضًا قيود على استخدام البرامج النصية:

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

مثل هذه القيود، إلى حد ما، تجعل من الصعب تنفيذ التعليمات البرمجية الضارة.

ما هي جافا سكريبت؟

كما ذكرنا سابقًا، تعد JavaScript لغة تضيف التفاعل إلى صفحات الويب. باستخدام هذه اللغة، يتم إنشاء تلك التطبيقات المضمنة في كود HTML. على سبيل المثال، النماذج أو نماذج التسجيل التي يملأها المستخدم. غالبًا ما يتم الخلط بين جافا سكريبت وجافا، لكن هناك القليل من القواسم المشتركة بين هذه اللغات.

حتى أن البعض يقارن جافا سكريبت باللغات الأخرى مثل Ruby وSelf وPython. لكن هذه لغة منفصلة.

باستخدام جافا سكريبت

باستخدام JavaScript، يمكنك إجراء تغييرات على الصفحة وتغيير أنماط العناصر وإضافة العلامات أو إزالتها. من الممكن أيضًا التعرف على تصرفات المستخدم على الصفحة (تقليل أو تكبير منطقة عمل الشاشة، والنقر بالماوس، والضغط على أي مفاتيح، وتمرير الصفحة). من الممكن الوصول إلى أي عنصر من عناصر كود Html والتعامل مع هذا العنصر. ومن هنا تأتي إجابة السؤال "ما هي جافا سكريبت؟" سيكون قادرًا على تحميل البيانات دون إعادة تحميل الصفحة، وإدخال الرسائل، وتعيين ملفات تعريف الارتباط أو قراءتها، وتنفيذ العديد من الإجراءات الأخرى.

أساس تفرد جافا سكريبت

الميزة الرئيسية لهذه اللغة هي أنها مدعومة من قبل جميع المتصفحات تقريبًا وتتكامل بشكل كامل معها. جميع الإجراءات التي تستخدم JavaScript بسيطة جدًا. ولا توجد تكنولوجيا أخرى تقدم كل هذه الفوائد. على سبيل المثال، لا توجد متصفحات متقاطعة، ولا تدعمها جميع المتصفحات (مثل XUL وActiveX وVBScript). هناك أيضًا تلك التي لم يتم دمجها بالكامل مع المتصفح. هذه هي Silverlight، Flash، Java. في الوقت الحالي، تشهد هذه التكنولوجيا تطورًا كبيرًا، كما أن عناصر JavaScript 2 قيد التطوير.

لغات البرمجة البديلة

يحدث أن قدرات JavaScript محدودة. في هذه الحالة، لغات البرمجة التالية سوف تساعد.

اللغة الأكثر استخداما هي جافا. تُستخدم هذه اللغة لوصف الخوارزميات المعقدة، لكن هذا ليس مطلوبًا دائمًا على موقع الويب العادي. لهذا السبب، يستغرق تحميل تطبيقات جافا وقتًا طويلاً ولها حجم كبير.

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

إذا قارنا عيوب Flash وJavaScript، حيث تكون كائناتهما مختلفة تمامًا، فإن العيب الرئيسي لـ Flash هو فهرسته الضعيفة بواسطة محركات البحث. يحدث هذا لأن محركات البحث لا توجد أيضًا طريقة لتحديد النص الموجود في حاوية Flash.

سيلفرلايت، Vbscript، JavaFX، XUL

من أجل استكمال قدرات JavaScript عند إنشاء الواجهات والاتصالات، يتم استخدام تقنيات Silverlight وVbscript وJavaFX وXUL.
ولا تزال تستخدم بشكل أقل تكرارًا من Flash وJavaScript. ولتسليط الضوء على مميزات كل منها، يمكننا أن نقول ما يلي:

XUL - يستخدم لوصف تطبيقات سطح المكتب والواجهات. ولكن هذا ممكن فقط إذا قمت بإنشاء برنامج لموزيلا.

JavaFX - يعمل على جهاز الكمبيوتر فقط مع لغة Java، حيث يعتبر إضافة لهذه اللغة.

تم تطوير Vbscript بواسطة شركة Microsoft Corporation. وكان الأساس فيجوال بيسك. هذه اللغة لا تتطور بأي شكل من الأشكال، ولا يتم استخدامها تقريبًا هذه الأيام، وهي أدنى من JavaScript من حيث القدرات.

تم تطوير Silverlight بواسطة Microsoft كمنافس لـ Flash. كما أنها لا تحظى بشعبية كبيرة، لأنها... يمكن أن توفر سلاسل JavaScript المزيد من البرمجة النصية للصفحات.

كيفية تمكين جافا سكريبت وما هو خطأ جافا سكريبت

الآن يجدر مناقشة المشاكل اليومية لمستخدمي الإنترنت. اليوم، يحدث بشكل متزايد أن المستخدم، بعد زيارة صفحته على وسائل التواصل الاجتماعي. ترى الشبكة في النافذة العلوية رسالة الخطأ "لم يتم تمكين JavaScript"، "لكي يعمل الموقع بشكل صحيح، يرجى تمكين JavaScript"، "خطأ JavaScript". كيفية إصلاح هذا هو سؤال خطير، لأنه ... في هذه الحالة، يواجه المستخدم صعوبة في تحميل مقاطع الفيديو والصور.

كيفية تمكين جافا سكريبت في موزيلا فايرفوكس

إذا كان المستخدم يعمل في Mozilla، فأنت بحاجة إلى الانتقال إلى "الأدوات"، ثم إلى "الإعدادات". ثم في علامة التبويب "المحتوى"، تحتاج إلى تحديد المربع بجوار "استخدام JavaScript".

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

لتمكين جافا سكريبت أو تعطيله في هذا المتصفح، يتعين عليك اتباع الخطوات التالية: إعداد وإدارة Google Chrom، والخيارات، والمتقدمة، والشخصية (إعدادات المحتوى)، وجافا سكريبت. السماح لجميع المواقع باستخدام JavaScript (مستحسن).

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

لتمكين أو تعطيل JavaScript في هذا المتصفح، عليك القيام بما يلي:

اضغط على المفتاح F12.

تحديد "تمكين جافا سكريبت".

كيفية تمكين JavaScript في IE (Internet Explorer)

لتمكين أو تعطيل JavaScript في Internet Explorer، يتعين عليك القيام بما يلي: "الأدوات"، "خيارات الإنترنت"، علامة التبويب "الأمان"، "تحديد منطقة إنترنت"، الزر "أخرى"، عنصر "البرامج النصية"، "السماح بالبرامج النصية" .

جافا سكريبت في VK

لحل هذه المشكلة، تحتاج إلى إصلاح خطأ JavaScript في شبكة فكونتاكتي.

ما هو خطأ جافا سكريبت VK؟

قام المستخدم بزيارة صفحته على الشبكة الاجتماعية وحاول تشغيل ملف فيديو أو صوت، لكنه عثر بعد ذلك على الرسالة "خطأ JavaScript: لم يتم تعريف initAddMedia" في الزاوية اليسرى العليا. تظهر هذه الرسالة عند وجود خطأ
"initAddMedia".

تحتاج أولاً إلى الانتقال إلى "ابدأ" و"جهاز الكمبيوتر" ومجلد Windows. ثم انتقل إلى قسم system32 ومجلد برنامج التشغيل. ثم إلى المجلد الخ

من بين العدد الصغير من الملفات الموجودة في هذا المجلد، تحتاج إلى تحديد ملف المضيفين.
ثم يتم فتح هذا الملف باستخدام المفكرة. يبدو الأمر كما يلي: تحتاج إلى النقر بزر الماوس الأيمن عليه وتحديد "فتح باستخدام". بعد ذلك، يمكنك تحديد "محرر نص الدفتر".

بعد فتح هذا الملف، يجب عليك إلقاء نظرة على الملف الذي يحتوي على الإدخال 127.0.0.1 localhost. أي إدخالات أخرى غير ضرورية وتؤدي فقط إلى تعقيد وعرقلة التشغيل المستقر لملفات الصوت والفيديو. تحتاج إلى إزالة كافة المعلومات من الملف بالكامل ونسخ هذا النقش 127.0.0.1 localhost فقط. بعد ذلك، عليك النقر فوق "حفظ" وإعادة تشغيل الكمبيوتر. في المرة القادمة التي تزور فيها صفحة فكونتاكتي، سيكون كل شيء على ما يرام.

جافا سكريبتهي لغة برمجة مدمجة في كود html لصفحات الويب لزيادة وظائف الموقع. تم تطوير Javascript بواسطة Netscape بالتعاون مع Sun Microsystems بناءً على لغة Java النصية الخاصة بشركة Sun ويتم تنفيذها من جانب العميل، على الرغم من أن Liveware في البداية، وهو سلف Java Script، كان لغة برمجة من جانب الخادم.
باستخدام JavaScript، يمكن إنشاء صفحات ويب تفاعلية جميلة، وهو ما لا يمكن القيام به باستخدام HTML خالص. عادةً، يتم تنفيذ البرامج النصية بعد أن يتخذ المستخدم بعض الإجراءات: تحريك المؤشر، والنقر، وما إلى ذلك. جافا سكريبتيمكن تنفيذها أيضًا عند تحميل صفحة ويب.

يمكنك كتابة برنامج Java script باستخدام أي محرر نصوص: Notepad، Notepad++، Dreamweaver. في الأخير، بالإضافة إلى تسليط الضوء على التعليمات البرمجية والتلميحات، يتم تنفيذ التحقق من بناء الجملة لكتابة جافا سكريبت، ولكن لهذا تحتاج إلى معرفة اللغة، ومبدأ وظائف الكتابة، والأساليب، والخصائص، وما إلى ذلك، وللعرض، تحتاج فقط إلى. متصفح قادر على معالجة نصوص Java النصية، على سبيل المثال، Mozilla Firefox مع وظيفة Firebug الإضافية المضمنة، والتي يمكنك من خلالها عرض عمل JavaScript نفسه وMicrosoft Internet Explorer (نظرًا لأن هذين المستعرضين ينظران إلى JavaScript بشكل مختلف).
بالمناسبة، لا يتم عرض كافة البرامج النصية بالتساوي في المتصفحات. معظم نصوص Java النصية التي يمكن تنزيلها مجانًا على الإنترنت غير مدعومة على الإطلاق بواسطة متصفح Opera حتى الإصدار 12.16. وفي الوقت نفسه، لا يعتمد عمل JS بأي شكل من الأشكال على نظام التشغيل: سواء كان Android أو iOS أو Windows أو غيرها.

قم بتنزيل كود جافا سكريبت الجاهز.

فيما يلي نصوص Java النصية الجاهزة التي يمكنك القيام بها
قم بالتنزيل مجانًا تمامًا وقم بتزيين موقع الويب الخاص بك معهم.

استضافة جافا سكريبت.

يمكن وضع كود جافا سكريبت إما على الصفحة نفسها أو في ملف منفصل.

مثال على وضع تعليمات برمجية Javascript جاهزة داخل HTML.

يمكن وضع البرامج النصية المكتوبة بلغة جافا سكريبت على صفحة html نفسها بين العلامات، والتي بدورها عادة ما تكون موجودة ضمن العلامات. يجب أن تحتوي العلامة على معلمة واحدة "نوع"، والتي تشير إلى نوع كتابة البرنامج النصي:

من الناحية النظرية، يمكن أيضًا وضع العلامات في نص المستند (في العلامات). سيتم تنفيذ هذا السيناريو عندما "يقرأ" المتصفح الصفحة حتى هذه النقطة (للعلامات).

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

مثال على وضع كود Javascript الجاهز في ملف منفصل.

نقوم بإنشاء صفحة في أي محرر نصوص ونحفظها باسم ....... .js. بعد ذلك، قم بتنزيل كود Javascript النهائي وضعه على هذه الصفحة. نقوم بحفظه في نفس المجلد مثل HTML. أنت الآن بحاجة إلى توصيل برنامج Java النصي بصفحة html. للقيام بذلك، قم بإدخال الإدخال المناسب في ملف HTML:

src = "مسار الملف....js".
الآن كل ما تبقى هو استدعاء الوظيفة في المكان المناسب على صفحة الويب، والتي تصف الإجراءات اللازمة

اسم الوظيفة - يتم تنفيذه عند تحميل الصفحة

الرابط - سيتم تنفيذ جافا سكريبت عند النقر على الرابط.

حدث onLoad

يحدث هذا الحدث بعد تحميل أي عنصر من عناصر الصفحة.

حدث عند النقر

يحدث هذا الحدث بعد النقر بالماوس.

حدث onMouseover

يحدث هذا الحدث عندما يمرر المؤشر فوق كائن صفحة معين.

حدث onMouseout

يحدث هذا الحدث عندما يتحرك مؤشر الماوس بعيدًا عن الكائن.

اليوم، ربما لا يوجد موقع ويب لم تتم كتابته باستخدام جافا سكريبت.

أصبح استخدام هذا البرنامج النصي شائعًا جدًا لدرجة أنه أصبح من المستحيل الآن الاستغناء عنه. الأشخاص الوحيدون الأكثر شعبية وشهرة من جافا سكريبت اليوم هم على الأرجح باريس هيلتون وماكدونالدز.

ما هو بالضبط؟

Javascript هي لغة برمجة نصية مصممة لإنشاء صفحات ويب تفاعلية. إنه يعمل كما هو، دون الحاجة إلى تجميع، ولكن ببساطة يتصل بصفحة HTML. لا ينبغي الخلط بينه وبين Java - حتى لو كانت أسماء هاتين اللغتين متشابهة، فهذا لا يعني أنهما مرتبطان وظيفيًا. في الواقع، فهو أقرب كثيرًا، على سبيل المثال، إلى Ruby أو Python، لكن لديه معيار ECMAScript خاص به، وبالتالي لا يزال منفصلاً عنهما.

ما يمكن أن تفعله جافا سكريبت

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

Javascript قادر على إعداد وقراءة ملفات تعريف الارتباط وعرض الرسائل والنوافذ والتحقق من صحة البيانات وغير ذلك الكثير. عامل يدوي.

تتمتع Javascript بثلاث مزايا رئيسية، بما في ذلك، على سبيل المثال، إمكانية الوصول (من خلال تعلم أساسيات JavaScript، يمكنك فهم معظمها بسهولة وتحسين مهاراتك دائمًا)؛ الدعم العالمي (يتم دعمه في أي بيئة كمبيوتر تقريبًا - أي جهاز كمبيوتر حديث قادر على ذلك)، بالإضافة إلى التكامل الكامل للمتصفح، مما يجعل جافا سكريبت أكثر ملاءمة وسهولة في الاستخدام.

على سبيل المثال، يمكننا الاستشهاد بتقنيات مثل VBScript وXUL وActiveX - وهي غير مدعومة في كل متصفح وتعمل فقط في بيئة معينة.

وبالطبع يجب ألا ننسى سرعة وكفاءة جافا سكريبت، مما يجعل العديد من لغات البرمجة باهتة بالمقارنة.

لن يكون من الخطأ ملاحظة أنه حتى الآن تستمر هذه التكنولوجيا في التطور، وبوتيرة سريعة - فقط لديك الوقت لمواكبة ذلك! وقريبًا سيتم إنشاء مترجم جديد باستخدام تقنية جافا سكريبت 2.

مزايا

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

الآن سأخبرك قليلاً عن بنية هذه اللغة.

• تتمتع لغة JavaScript بعدة ميزات، من بينها ما يلي:
• المعرفات حساسة لحالة الأحرف؛
• يمكن أن تتضمن أسماء المتغيرات الرمز "$" والشرطات السفلية والأرقام (ولكن لا يمكن أن تبدأ بها) والأحرف؛

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

تلك التي تبدو جيدة، وسهلة الاستخدام، وتفاعلية بما يكفي لإبقائك منخرطًا لفترة طويلة هي تلك التي تستخدم JavaScript. لما هذا؟ هيا نكتشف.

إنها لغة متعددة النماذج، مما يعني أنها تدعم البرمجة الشيئية والوظيفية والحتمية. على الرغم من أن اسمها يوحي بـ Java، إلا أن تركيبها مشتق من لغة C.

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

ما هي جافا سكريبت؟

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

مثال 1

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

أحمر أخضر أزرق وظيفة color(el, color) ( el.style.color = "#FFFFFF"; el.style.backgroundColor = color; ) function uncolor(el) ( el.style.color = "#000000"; el. style.backgroundColor = "#E6E6E6" ;

مثال 2

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

زر

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