Javascript BOM haqida

JavaScript BOM, yoki «Browser Object Model», brauzer obyektlar modeli, brauzerda interfeysni boshqarish uchun JavaScript obyektlarini taqdim etadi. BOM brauzer va brauzerning xususiyatlariga oid ma’lumotlarni olish, o’zgartirish va boshqa amallarni bajarish uchun ishlatiladi. Quyidagi muhim BOM obyektlaridan ba’zilari:

1. window: BOM-ni asosiy obyekti. U brauzerdagi barcha obyektlarni yaratadi.
2. navigator: Brauzerdagi tizim va brauzer ma’lumotlarini olish uchun ishlatiladi.
3. location: Brauzerdagi sahifaning manzilini o’zgartirish va uni yaxshi boshqarish uchun foydalaniladi.
4. history: Brauzerdagi sahifalarning tarixini boshqarish uchun ishlatiladi.
5. screen: Brauzer oynasi xususiyatlarini olish uchun ishlatiladi.
6. document: HTML obyekti, uni boshqarish va o’zgartirish uchun foydalaniladi.
7. alert(): Foydalanuvchiga xabar berish uchun ishlatiladi.
8. confirm(): Foydalanuvchidan tasdiqlash so’raladi.
9. prompt(): Foydalanuvchidan ma’lumot kiritishni so’raydi.
10. setTimeout() va setInterval(): Funksiyani belgilangan vaqt o’tganda yoki intervalda chaqirish uchun ishlatiladi.

Misol:

// Obyektlarni olish va ular bilan ishlash
var brauzerObyekti = window;
var brauzerWidth = window.innerWidth;

// Location obyekti orqali sahifa manzilini o'zgartirish
window.location.href = "https://www.example.com";

// Alert orqali foydalanuvchiga xabar berish
window.alert("Salom, dunyo!");

// Confirm orqali foydalanuvchidan tasdiqlash so'raladi
var tasdiq = window.confirm("Haqiqatan ham davom etmoqchimisiz?");

// Prompt orqali foydalanuvchidan ma'lumot kiritishni so'raydi
var ism = window.prompt("Ismingizni kiriting:", "John Doe");

// setTimeout orqali funksiya belgilangan vaqt o'tganda chaqiriladi
setTimeout(function() {
  console.log("Ushbu xabar har 3 sekundda bir martada chiqadi");
}, 3000);

Brauzer obyektlar modeli (BOM) brauzerdagi sahifalar interfeysini boshqarish uchun JavaScript obyektlarini taqdim etadi. Bu obyektlar brauzerdagi tizim va brauzerning xususiyatlariga oid ma’lumotlarni olish, o’zgartirish va boshqa amallarni bajarish uchun ishlatiladi. Quyidagi qisqacha BOM haqida ko’proq ma’lumot beraman:

window Obyekti: BOM ning asosiy obyekti. Brauzerdagi barcha obyektlarni yaratadi va brauzer sahifasi bilan bog’liq ma’lumotlar va amallar uchun asosiy boshqaruv obyekti hisoblanadi.

Masalan, window.innerWidth bilan brauzerning eni olinadi, va window.location bilan brauzerdagi sahifa manzili olinadi.

navigator Obyekti: Brauzer ma’lumotlarini olish uchun ishlatiladi. Misol uchun, brauzer turi, versiyasi, tili kabi ma’lumotlar navigator obyektida mavjud.

// navigator orqali brauzer haqida bilish
var brauzerTuri = navigator.userAgent;
// brauzer url manzilini o'zgartirish
window.location.href = "https://www.example.com";

history Obyekti: Brauzerdagi sahifalar tarixini boshqarish uchun ishlatiladi. history.back() va history.forward() metodi orqali oldingi va keyingi sahifalarga o’tishingiz mumkin.

screen Obyekti: Ekran xususiyatlarini olish uchun ishlatiladi. Misol:

var ekranEni = window.screen.width;

document Obyekti: HTML sahifasining obyekti, uni boshqarish va o’zgartirish uchun foydalaniladi. DOM-ni (Document Object Model) o’rganish va uni boshqarish uchun qo’llaniladi.

var sarlavha = document.title;

alert(), confirm(), va prompt() Metodlari: Foydalanuvchiga xabar berish, tasdiqlash so’rash va ma’lumot kiritish uchun ishlatiladi.

alert("Salom, dunyo!");
var tasdiq = confirm("Haqiqatan ham davom etmoqchimisiz?");
var ism = prompt("Ismingizni kiriting:", "John Doe");

setTimeout() va setInterval() Metodlari: Funksiyani belgilangan vaqt o’tganda yoki intervalda chaqirish uchun foydalaniladi.

setTimeout(function() {
  console.log("Ushbu xabar har 3 sekundda bir martada chiqadi");
}, 3000);

BOM obyektlari brauzerda interfeysni boshqarish uchun juda qo’l keluvchi vositalardir va brauzerdagi har xil funksiyalarni bajarishga imkoniyat yaratadi.