Məzmuna keçin
  • Kateqoriyalar
  • Ən yeni
  • Teqlər
  • Populyar
Yığmaq
Brend loqosu
  1. Əsas səhifə
  2. Front-end
  3. JavaScript-də document və window obyektləri

JavaScript-də document və window obyektləri

Planlaşdırılıb Sabitlənib Kilidlənib Köçürülüb Front-end
documentwindowdombrowser
1 Yazı 1 Yazarlar 34 Baxış
  • Ən köhnədən yeniyə
  • Ən yenidən köhnəyə
  • Ən çox səs
Cavab ver
  • Mövzu olaraq cavablandır
🔑 Daxil ol
Bu mövzu silindi. Yalnız mövzu idarəçiliyi imtiyazlarına malik olan istifadəçilər onu görə bilər.
  • codexC Oflayn
    codexC Oflayn
    codex
    yazdı sonuncu dəfə tərəfindən redaktə edilib
    #1

    Veb proqramlaşdırmada JavaScript ilə işləyərkən iki əsas obyektə tez-tez rast gəlirik: window və document. Bu obyektlər JavaScript-in brauzer mühitində necə işlədiyini anlamaq mühüm rol oynayır. Gəlin onları yaxından tanıyaq.


    window obyekti nədir?

    window obyekti JavaScript-də qlobal obyekt sayılır. Brauzerdə açılan hər bir səhifə üçün window obyektinin bir nüsxəsi yaradılır. Bu obyekt brauzer pəncərəsini (və ya tabını) təmsil edir və onun daxilində bir çox faydalı metodlar və xüsusiyyətlər mövcuddur.

    Xüsusiyyətləri və metodları:

    • window.alert() – istifadəçiyə xəbərdarlıq mesajı göstərmək
    • window.setTimeout() – müəyyən vaxtdan sonra kodun icrasını planlamaq
    • window.location – cari URL məlumatlarına daxil olmaq və dəyişmək
    • window.innerWidth, window.innerHeight – brauzerin daxili ölçülərini əldə etmək
    • və sairə…

    Əslində, JavaScript-də yazdığınız qlobal dəyişənlər və funksiyalar avtomatik olaraq window obyektinin bir hissəsinə çevrilir:

    var x = 10;
    console.log(window.x); // 10
    

    document obyekti nədir?

    document obyekti window obyektinin bir hissəsidir və HTML sənədini təmsil edir. Yəni, veb səhifənin strukturuna (DOM – Document Object Model) daxil olmaq, onu oxumaq və ya dəyişdirmək üçün istifadə olunur.

    Əsas metodlar və xüsusiyyətlər:

    • document.getElementById() – HTML elementini ID ilə tapmaq
    • document.querySelector() – CSS selektorları ilə element seçmək
    • document.title – səhifənin başlığını oxumaq və ya dəyişmək
    • document.body, document.head – səhifənin əsas struktur hissələrinə çıxış
    • və sairə…
    const title = document.getElementById("my-title");
    title.textContent = "Yeni Başlıq";
    

    window və document arasındakı fərqlər

    Özəllik window document
    Nəyi təmsil edir? Brauzer pəncərəsini HTML sənədini
    Qlobal obyekt Bəli Xeyr, window içindədir
    Əsas istifadə sahəsi Brauzer ilə əlaqəli funksiyalar (alert, setTimeout, location və s.) DOM ilə işləmək, HTML strukturu ilə əlaqə
    Məsuliyyət sahəsi Ümumi pəncərə və interfeys idarəsi Səhifə məzmunu və strukturu

    Bir-birinə necə bağlıdırlar?

    document obyekti əslində window obyektinin daxilində mövcuddur:

    console.log(window.document === document); // true
    

    Bu, o deməkdir ki, document hər zaman window obyektinin içində yerləşir, lakin biz onu birbaşa da çağıraraq istifadə edə bilərik.


    JavaScript-də window və document obyektləri veb səhifənin və brauzer mühitinin idarəsi üçün əsas komponentlərdir.

    • window – ümumi brauzer pəncərəsini,
    • document – səhifənin HTML strukturu və məzmununu təmsil edir.

    Bu iki obyektin fərqini və hansı vəziyyətdə hansından istifadə edilməli olduğunu başa düşmək, daha təmiz və effektiv JavaScript kodu yazmaq üçün vacibdir.

    1 cavab Son cavab
    Cavab ver
    • Mövzu olaraq cavablandır
    🔑 Daxil ol
    • Ən köhnədən yeniyə
    • Ən yenidən köhnəyə
    • Ən çox səs




    Bilik paylaşdıqca artan bir sərvətdir
    • Daxil ol

    • Sizin hesabınız yoxdur? Qeydiyyatdan keç

    • Axtarış etmək üçün daxil olun və ya qeydiyyatdan keçin.
    • İlk yazı
      Son yazı
    0
    • Kateqoriyalar
    • Ən yeni
    • Teqlər
    • Populyar