تتطور JavaScript بسرعة هائلة. موجة كبيرة من التقنيات الجديدة تغطي أحجار المهام المرهقة التي بدت بالأمس فقط منيعة وخطيرة.

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

1. الحد الأقصى للارتفاع أو العرض في مجموعة من العناصر

برنامج نصي مفيد جدًا لضبط ارتفاع أو عرض الأعمدة.

خيار الارتفاع:

var getMaxHeight = function ($elms) ( var maxHeight = 0; $elms.each(function () ( // في بعض الحالات يمكنك استخدام ExternalHeight() var height = $(this).height(); if (height > maxHeight ) ( maxHeight = height; ) ) );

الاستخدام:

$(elements).height(getMaxHeight($(elements)));

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

2. التحقق من التاريخ الفعال

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

الوظيفة isValidDate(value, userFormat) ( // استخدم التنسيق الافتراضي إذا لم يتم تحديد أي شيء userFormat = userFormat || "mm/dd/yyyy"; // ابحث عن الفاصل باستثناء رموز الشهر واليوم والسنة (باللغة الإنجليزية - m, d, y) var delimiter = /[^mdy]/.exec(userFormat); // أنشئ مصفوفة بالشهر واليوم والسنة، // أي أننا نعرف ترتيب التنسيق var theFormat = userFormat.split( محدد)؛ إنشاء مصفوفة من تاريخ المستخدم var theDate = value.split(delimiter function isDate(date, format) ( var m, d, y, i = 0, len = format.length, f; for (i) ؛ أنا< len; i++) { f = format[i]; if (/m/.test(f)) m = date[i]; if (/d/.test(f)) d = date[i]; if (/y/.test(f)) y = date[i]; } return (m >0 && م< 13 && y && y.length === 4 && d >0 && // تحقق مما إذا كان يوم الشهر d صحيحًا

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

صفحة الاختبار

يؤدي النقر فوق زر الاختبار إلى ظهور نافذة تحتوي على النص "اكتمل الاختبار!" (رسم بياني 1). دعونا نلقي نظرة على كل أمر في هذا الكود بالتفصيل.

باستخدام الأمر، نقوم بإنشاء نموذج باستخدام زر. تحدد السمة onClick="alert("تم الاختبار!")" ما يحدث عند النقر فوق زر الماوس. وبالتالي، في حالة حدوث حدث Click، سيقوم الكمبيوتر بإصدار استدعاء للتنبيه ("اكتمل الاختبار!"). تقوم وظيفة التنبيه () بإنشاء نوافذ منبثقة. عند الاتصال به، تحتاج إلى تحديد سلسلة معينة بين قوسين، والتي ستظهر في النافذة المنسدلة. كما ترون في الكود، فإن بنية التنبيه () تستخدم علامات الاقتباس المفردة. ويفسر ذلك حقيقة أنه في معظم الحالات من الممكن استخدام كلا النوعين من علامات الاقتباس. علاوة على ذلك، لا يهم ترتيب استخدامها: أول مزدوج، ثم مفرد، أو العكس. في مثالنا، يتم استخدام علامات الاقتباس المزدوجة أولاً، ثم علامات الاقتباس المفردة، وإذا استخدمنا بناء علامتي الاقتباس المزدوجتين -onClick="alert("تم الانتهاء من الاختبار!")"، فلن يتمكن الكمبيوتر من فهم البرنامج النصي ، نظرًا لأنه من غير الواضح أي أجزاء التصميم ذات صلة بوظيفة معالجة الأحداث onClick وأيها ليست كذلك.

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

من الميزات المفيدة جدًا في JS هي الوظائف، والتي تُستخدم في معظم الحالات كوسيلة لربط أوامر متعددة معًا. وكمثال توضيحي، لنفترض أنك بحاجة إلى تكرار بعض تسلسل السلاسل النصية عدة مرات. باستخدام معرفة JS التي لدينا بالفعل، يمكننا استخدام الأمر document.write والحصول على كود مثل هذا:

");

");
document.write("الصفحة الأكثر تفاعلية
");
document.write("أصبحت Java Script سهلة
");
document.write("الصفحة الأكثر تفاعلية
");
document.write("أصبحت Java Script سهلة
");
// -->

يمكن للعين المجردة أن ترى أن الهيكل تم بناؤه بطريقة غير عقلانية. دعونا نعيد بناء هذا الكود باستخدام الدالة:

تنتمي جميع أوامر البرنامج النصي الموجودة داخل الأقواس المتعرجة إلى وظيفة FreeFunc() التي أنشأناها. أصبح الآن كلا الأمرين document.write() مرتبطين ويمكن تنفيذهما عند استدعاء الوظيفة المحددة. بعد ذلك، نستدعي FreeFunc() ثلاث مرات مباشرة بعد تعريف الدالة نفسها. سيؤدي هذا إلى تنفيذ الوظيفة ثلاث مرات، أي. سيتم طباعة كلا الخطين ثلاث مرات. الميزة المهمة هي أن القدرة على تمرير المتغيرات عند استدعاء دالة تمنح البرامج النصية مرونة حقيقية. يمكن أيضًا استخدام الوظائف جنبًا إلى جنب مع إجراءات التعامل مع الأحداث. على سبيل المثال، يمكنك إنشاء دالة calc() تحتوي على متغيرين x وy، وسيتم تخزين نتيجة العملية الرياضية في متغير النتيجة. سيكون الأمر الأخير للوظيفة تنبيه (نتيجة). بعد ذلك، يمكن استدعاء الدالة calc() عند النقر فوق الزر باستخدام الأمر onClick="calc()"، مما يؤدي إلى ظهور نافذة منبثقة بنتيجة الحساب.

العمل مع ويندوز

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

الجدول 1. المعلمات الأساسية لإنشاء نافذة في JS

لنأخذ مثالاً عمليًا لإنشاء نافذة جديدة في المتصفح:

نتيجة لتنفيذ هذا البرنامج، سنتلقى زرًا في المتصفح، عند النقر عليه، يتم إنشاء نافذة جديدة تحتوي على نص (انظر الشكل 3).

تفتح وظيفة OpenWindow() التي أنشأناها نافذة متصفح جديدة. الوسيطة الأولى للدالة open() - سلسلة فارغة ("") - تعني أننا في هذه الحالة لا نريد تحديد عنوان URL محدد، ويجب على JS أيضًا إنشاء مستند جديد. في البرنامج النصي، نحدد المتغير myWindow، الذي يمكننا من خلاله الوصول إلى النافذة الجديدة (من المستحيل استخدام اسم النافذة (TestWindow) لهذا الغرض في هذه الحالة). تبلغ أبعاد النافذة التي تم إنشاؤها 300 × 100 بكسل ولا تحتوي على شريط حالة أو شريط أدوات أو قائمة. بعد فتح النافذة، نفتح بداخلها كائن المستند لعرض النص. يتم ذلك باستخدام الأمر myWindow.document.open(). هنا نصل إلى طريقة open() لكائن المستند. لا يفتح هذا الأمر نافذة جديدة - فهو يقوم فقط بإعداد المستند للطباعة القادمة. من الضروري وضع البادئة myWindow قبل document.open() لتتمكن من الطباعة في نافذة جديدة. علاوة على ذلك، في نص البرنامج النصي، باستخدام استدعاء document.write()، يتم تشكيل نص المستند الجديد ومعلماته. للقيام بذلك، نكتب علامات HTML العادية في المستند. في هذه الحالة، يمكنك استخدام أي علامات على الإطلاق للغة ترميز النص التشعبي HTML. بعد الانتهاء من العمل مع الأمر document()، تحتاج إلى إغلاقه، والذي نستخدم فيه الأمر myWindow.document. Close().

عند فتح نافذة يجب علينا استخدام ثلاث وسائط:
myWindow= open("page.htm", "TestWindow",
"width=300,height=100,status=no,toolbar=no,menubar=no");

في هذا المثال، نحدد عنوان URL محددًا (page.html)، والمعلمة الثانية هي اسم النافذة. معرفة اسم النافذة، يمكنك تحميل صفحة جديدة هناك باستخدام الإدخال

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

شريط الحالة

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

من خلال تشغيل البرنامج في المتصفح نحصل على نموذج به زرين. عند الضغط على زر On Statbar Text، تظهر الرسالة "The On Button is pressed" في شريط الحالة، وعندما تضغط على زر Off Statbar (مسح النص)، يتم مسح شريط الحالة (انظر الشكل 4).

إذن، لدينا نموذج به زرين، كلاهما يستدعي الدالة statbar(). عند الضغط على مفتاح On Statbar Text، يتم استدعاء الوظيفة
كما يلي: شريط الحالة ("تم الضغط على زر التشغيل"). النص الموجود بين علامتي الاقتباس هو النص الذي سنراه في شريط الحالة. وفي المقابل، تم الإعلان عن وظيفة statbar() على النحو التالي:

وظيفة شريط البيانات (TXT) (
حالة النافذة = النص؛)

نضع (txt) في الدالة بين قوسين. وهذا يعني أن السلسلة التي مررناها إلى هذه الوظيفة يتم وضعها في متغير txt، ويتم كتابة سلسلة txt إلى شريط الحالة باستخدام الأمر window.status = txt. وبناء على ذلك، تتم إزالة النص من شريط الحالة عن طريق كتابة سلسلة فارغة إلى window.status: (""). استخدامات كتابة النص على شريط الحالة لا حدود لها. يمكنك وضع شرح للارتباط هناك عند المرور فوقه، أو إنشاء شريط، أو استخدامه ببساطة لعرض التاريخ والوقت.

الموقت

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

setTimeout("alert("مرحبًا بك في \"MyHome\" ")", 3000);
// -->

انتظر 3 ثواني. ستظهر نافذة

بعد 3 ثوان من فتح الصفحة، ستظهر نافذة منبثقة تقول "مرحبًا بك في صفحة MyHome" (انظر الشكل 5).

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

إطارات

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

تظهر نتيجة تنفيذ هذا البرنامج النصي في الشكل. 6.

في الإطار، نستخدم خصائص الصفوف والأعمدة ونحدد النسبة المئوية للمساحة التي تشغلها الإطارات في نافذة المتصفح. خاصية الصفوف تعني أن الإطارات ستكون موجودة فوق بعضها البعض، والأعمدة - مقابل بعضها البعض. يمكنك أيضًا ضبط حجم الإطار بالبكسل، ويكفي عدم وضع الرمز % بعد الرقم. في العلامة، نشير إلى رابط للصفحة المراد تحميلها، وباستخدام سمة الاسم نحدد اسمًا فريدًا للإطار. من الممكن ضبط سمك الحدود بين الإطارات. للقيام بذلك، تحتاج إلى استخدام معلمة الحدود في العلامة وتعيينها إلى قيمة معينة (افتراضيًا الحدود = 0). دعونا نلقي نظرة على كيفية رؤية جافا سكريبت للإطارات الموجودة في نافذة المتصفح. للقيام بذلك، دعنا ننتقل إلى النافذة ذات الإطارات التي أنشأناها أعلاه. تنظم JS الإطارات المعروضة على صفحة الويب في شكل نوع من البنية الهرمية، وفي الجزء العلوي منها توجد نافذة المتصفح. وفي حالتنا، يتم تقسيمها إلى خمسة إطارات. وبالتالي، فإن النافذة ككائن هي سلف هذا التسلسل الهرمي، وبالتالي فإن الإطارات هي أحفاده. لقد قمنا بتعيين أسماء فريدة لهذه الإطارات: الإطار 1، الإطار 2... الإطار 5. باستخدام هذه الأسماء، يمكننا تبادل المعلومات مع الإطارات المحددة. لنفترض أنك بحاجة إلى تنشيط رابط معين في الإطار الأول، ولكن يجب ألا يتم تحميل الصفحة المقابلة في نفس الإطار، بل في إطار آخر. مثال على هذه المهمة هو إنشاء قوائم أو ما يسمى بأشرطة التنقل، حيث يظل إطار واحد دائمًا كما هو، ولكن يحتوي على عدة روابط مختلفة للتنقل. دون الخوض في دراسة التسلسلات الهرمية، دعونا ننشئ مثالاً للتنقل في الموقع باستخدام الإطارات. سنقوم بإنشاء عدة روابط في إطار واحد. عند تنشيط أي منها، سيتم وضع الصفحة المقابلة ليس في نفس الإطار، ولكن في الإطار المجاور. أولاً، لنقم بإنشاء الإطارات نفسها:

بعد ذلك، لنقم بإنشاء صفحة HTML بسيطة "start.htm":


أبدأ الصفحة
هذه هي صفحة البداية لموقعنا

وقائمة شريط التنقل:

صفحة 1
الصفحة 2
خريطة الموقع

نرى هنا عدة طرق لتحميل صفحة جديدة في الإطار الرئيسي. يستخدم الرابط الأول وظيفة التحميل () لهذا الغرض:
صفحة 1

في هذا السطر، بدلاً من تحميل صفحة جديدة بشكل صريح، ندعو المتصفح إلى تنفيذ أمر في JavaScript - ولهذا نستخدم معلمة javascript بدلاً من href المعتاد. بعد ذلك، نقوم بتمرير "1.htm" كوسيطة للدالةload()، ونحدد وظيفة التحميل() نفسها كما يلي:

تحميل الوظيفة (عنوان URL) (
parent.main.location.href= url;)

عنوان URL مكتوب بين قوسين. في مثالنا، هذا يعني أنه تم إدخال السلسلة "1.htm" في متغير url عند استدعاء الدالة. ويمكن الآن استخدام هذا المتغير الجديد عند العمل داخل وظائف التحميل ().

يستخدم الرابط الثاني المعلمة الهدف. لم يعد هذا كود JavaScript، ولكنه أحد بنيات لغة HTML. نشير ببساطة إلى اسم الإطار المطلوب ولا يُطلب منا إضافة بادئة لاسم الإطار المحدد بالكلمة الأصل. إذا كنت تريد التخلص من الإطارات باستخدام الدالة Load()، فأنت تحتاج فقط إلى كتابةparent.location.href= url فيها. تظهر نتيجة تنفيذ البرنامج النصي لدينا في الشكل. 7.

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

بافل كوتشينسكي، [البريد الإلكتروني محمي]

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

موزيلا فايرفوكس

• في القائمة العلوية، حدد قسم "الأدوات" - "الإعدادات".

• تم فتح نافذة أمامك في علامة التبويب "الأساسية". يجب عليك تحديد علامة التبويب "المحتوى".

• في الجزء العلوي من النافذة، سترى عدة عناصر، سيتم استدعاء أحدها "استخدام JavaScript" - حدد المربع المجاور له وانقر فوق "موافق".

• قم بتحديث الصفحة باستخدام المفتاح F5 على لوحة المفاتيح.

انتباه! هذا الوصف مناسب فقط للإصدارات الأقل من الإصدار 22. بدءًا من الإصدار 23، لا يلزم وجود JavaScript - يتم تمكين الخيار افتراضيًا.

الأوبرا

• في الزاوية اليسرى العليا، انقر على زر "الأدوات" - "الإعدادات" - "الإعدادات العامة".

• بمجرد الوصول إلى القائمة، انتقل إلى علامة التبويب "خيارات متقدمة" (وهي علامة التبويب الخامسة).

• في القائمة اليسرى، انقر على رابط "المحتوى" وحدد المربع بجوار "استخدام جافا سكريبت".

• انقر فوق "موافق" وقم بتحديث الصفحة.

جوجل كروم

• يوجد في الزاوية اليمنى العليا زر سترى عليه ثلاثة أشرطة - انقر عليه وحدد قسم "الإعدادات".

• قم بالتمرير لأسفل الصفحة إلى الأسفل وانقر على "إظهار الإعدادات المتقدمة".

• في قسم "المعلومات الشخصية"، سترى زر "إعدادات المحتوى" الذي يتعين عليك النقر عليه.

• تم فتح نافذة إضافية. ابحث عن الخيار "السماح لجميع المواقع باستخدام JavaScript (مستحسن)" ثم انقر فوق "موافق".

• قم بإعادة تحميل الصفحة في متصفح الإنترنت الخاص بك.

متصفح الانترنت

• افتح خصائص المتصفح (يمكن القيام بذلك إما في المتصفح نفسه من خلال القائمة أو باستخدام لوحة التحكم بجهاز الكمبيوتر الخاص بك).

• تم فتح نافذة، تحتاج إلى الانتقال إلى علامة التبويب "الأمان".

• في الجزء السفلي منه، تحتاج إلى النقر على الزر الذي يقول "أخرى...".

• تم فتح قائمة كبيرة. يجب عليك الانتقال إلى قسم "البرامج النصية" وفي القسم الفرعي "البرامج النصية النشطة"، حدد المربع بجوار عنصر "تمكين".

• انقر فوق "موافق" وقم بتحديث الصفحة.

أبل سفاري

• في القائمة نجد قسم "الإعدادات".

• تم فتح نافذة منفصلة تحتوي على عدة علامات تبويب، من بينها تحتاج إلى فتح علامة تسمى "الأمان".

• بجوار عنصر "تمكين JavaScript"، حدد المربع وأغلق النافذة.

• نقوم بتحديث الصفحة بالضغط على المفتاح F5.

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

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