115- دروس جافا سكربت – – JS Browser BOM Cookies

**مقدمة إلى BOM وملفات تعريف الارتباط في JavaScript**

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

**نموذج كائن المتصفح (BOM)**

BOM هو مجموعة من الكائنات التي تتيح لJavaScript التفاعل مع المتصفح. بخلاف DOM (نموذج كائن المستند) الذي يتعامل مع محتوى الصفحة، فإن BOM يتعامل مع عناصر المتصفح نفسها.

1. **كائن النافذة (Window Object):** هو الكائن الرئيسي في BOM، وجميع الكائنات الأخرى تُعتبر خصائص تابعة له. يوفر كائن النافذة العديد من الوظائف مثل `alert()`, `confirm()`, و `prompt()`.

// مثال على استخدام alert
   window.alert("مرحبًا بك في موقعنا!");
   

2. **كائن التصفح (Navigator Object):** يوفر معلومات عن المتصفح مثل الاسم والإصدار.

console.log("اسم المتصفح: ", navigator.appName);
   console.log("إصدار المتصفح: ", navigator.appVersion);
   

3. **كائن الموقع (Location Object):** يستخدم للحصول على معلومات حول عنوان URL الحالي أو لتغيير موقع المتصفح.

// إعادة تحميل الصفحة
   location.reload();

   // الانتقال إلى موقع جديد
   location.href = "https://www.example.com";
   

4. **كائن التاريخ (History Object):** يتيح للمطورين العمل مع تاريخ التصفح.

// العودة إلى الصفحة السابقة
   history.back();

   // الانتقال إلى الصفحة التالية
   history.forward();
   

**ملفات تعريف الارتباط (Cookies)**

[شركة برمجة مصرية] تُستخدم ملفات تعريف الارتباط لتخزين البيانات على جهاز المستخدم، مما يتيح للمواقع الاحتفاظ بحالة المستخدم عبر الجلسات. في JavaScript، يمكن قراءة وإنشاء ملفات تعريف الارتباط باستخدام خاصية `document.cookie`.

1. **إنشاء وتعيين ملفات تعريف الارتباط:**

// تعيين ملف تعريف ارتباط جديد
   document.cookie = "username=JohnDoe; expires=Fri, 31 Dec 2023 23:59:59 GMT; path=/";
   

في هذا المثال، تم تعيين ملف تعريف ارتباط باسم “username” بقيمة “JohnDoe” مع تاريخ انتهاء صلاحية محدد.

2. **قراءة ملفات تعريف الارتباط:**

// قراءة ملف تعريف الارتباط
   let cookies = document.cookie;
   console.log(cookies);
   

ستعيد هذه الشيفرة جميع ملفات تعريف الارتباط المحفوظة على الموقع الحالي.

3. **حذف ملفات تعريف الارتباط:**

لحذف ملف تعريف ارتباط، يمكن تعيين تاريخ انتهاء صلاحية ماضي.

// حذف ملف تعريف الارتباط
   document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
   

**خاتمة**

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