5 أمور مذهلة يمكنك فعلها بالجافا سكريبت (JavaScript) تعرف عليها

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

معرفة تفاصيل نظام التشغيل

يمكنك العثور على تفاصيل نظام التشغيل الخاص بك عن طريق JavaScript باستخدام كود برمجي بسيط، console.log(navigator.platform)، حيث أن window.navigator عبارة عن object يحتوي العديد من المعلومات الخاصة بنظام التشغيل للمستخدم، ومن أجل الحصول عليها يمكن استخدام خاصية الـ platform الموجودة داخل الـnavigator.

معرفة تفاصيل نظام التشغيل
معرفة تفاصيل نظام التشغيل

منع تحديث الصفحة

هنالك العديد من الحالات التي يحتاج فيها المبرمج لمنع حدوث إعادة تحميل للصفحة، ومن أجل حل هذه المشكلة وتجنب العديد من التأثيرات الغير مرغوب بها، يمكنك استخدام void(0)، ومن الشائع استخدامها مع تاج الـanchor، وفي هذه الحالة عند استخدامك لـ void(0)، عندما تنقر على الرابط لن يقوم المتصفح بتحميل صفحة جديدة أو بتحديث نفس الصفحة، ولكن سيظهر “This page will not reload!”، دون أن يكون هنالك إعادة تحميل في الصفحة.

منع تحديث الصفحة
منع تحديث الصفحة

توجيه المستخدم إلى صفحة جديدة

يمكنك توجيه المستخدم إلى صفحة جديدة عن طريق استخدام window.location.href، عند استخدامك لهذا الأمر البرمجي، سيتوجه المتصفح إلى صفحة newPage.html.

  • window: يشير إلى نافذة المتصفح.
  • location: تحتوي على المعلومات الخاصة بالـ URL.
  • href: نستخدمها في تغيير عنوان الـ URL.
توجيه المستخدم إلى صفحة جديدة
توجيه المستخدم إلى صفحة جديدة

الحصول على عنوان الـ URL الحالي

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

الحصول على عنوان الـ URL الحالي - الطريقة الأولى
الحصول على عنوان الـ URL الحالي – الطريقة الأولى
الحصول على عنوان الـ URL الحالي - الطريقة الثانية
الحصول على عنوان الـ URL الحالي – الطريقة الثانية

إضافة تأثيرات CSS على رسائل الـ console

كما يمكننا وضع تأثيرات على النصوص في متصفح الويب، يمكننا كذلك وضع تأثيرات على رسائل الـ console، حيث يمكننا وضع علامة (،)، ومن ثم كتابة التأثيرات التي نريد تطبيقها على رسالة الـ console.

إضافة تأثيرات CSS على رسائل الـ console
إضافة تأثيرات CSS على رسائل الـ console

النتيجة:

نتيجة إضافة تأثيرات CSS على رسائل الـ console
نتيجة إضافة تأثيرات CSS على رسائل الـ console

قد يهمك:

عن الكاتب:
اترك رد


جميع المحتويات المنشورة على موقع نجوم مصرية تمثل آراء المؤلفين فقط ولا تعكس بأي شكل من الأشكال آراء شركة نجوم مصرية® لإدارة المحتوى الإلكتروني، يجوز إعادة إنتاج هذه المواد أو نشرها أو توزيعها أو ترجمتها شرط الإشارة المرجعية، بموجب رخصة المشاع الإبداعي 4.0 الدولية. حقوق النشر © 2009-2024 لشركة نجوم مصرية®، جميع الحقوق محفوظة.