JavaScript - BOM

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

🔸 BOM اختصار لـ Browser Object Model، وهو النموذج الذي يسمح لك بالتحكم في المتصفح نفسه باستخدام JavaScript. من خلال BOM يمكنك التحكم في النوافذ، العنوان، المحفوظات (History)، الموقع (Location)، الشاشة، والمزيد.

---

🔹 كائن window

هو الكائن الأعلى في BOM، وكل العناصر الأخرى مثل document، alert، location... تقع تحته.

window.alert("أهلاً!");
alert("أهلاً!"); // نفس النتيجة

---

🔹 فتح نافذة جديدة

const myWindow = window.open("https://google.com", "_blank", "width=500,height=500");

---

🔹 إغلاق نافذة

myWindow.close();

---

🔹 الوصول إلى عنوان الصفحة والموقع

console.log(window.location.href);    // عنوان الصفحة
console.log(window.location.hostname); // اسم النطاق

---

🔹 التعامل مع المحفوظات (History)

window.history.back();    // الرجوع للخلف
window.history.forward(); // الذهاب للأمام

---

🔹 معلومات الشاشة (Screen)

console.log(screen.width);   // عرض الشاشة
console.log(screen.height);  // ارتفاع الشاشة

---

⚠️ ملاحظات مهمة

• BOM يتيح لك التفاعل مع المتصفح مباشرة، بخلاف DOM الذي يتفاعل مع الصفحة.
• يمكنك استخدام window للتحكم في النوافذ، المواقع، والمحفوظات.
• بعض الوظائف (مثل open أو close) قد تُقيّد من قبل المتصفح لأسباب أمنية.