Mendapatkan Tinggi dan Lebar Layar Monitor

Tabel Konten
  1. Versi jQuery 
  2. Versi JavaScript Murni 

Versi jQuery 

var x = $(window).width(),
    y = $(window).height();

// Tampilkan lebar dan tinggi layar dalam kotak pesan
alert('Lebar layar: ' + x + '; Tinggi layar: ' + y);

Versi JavaScript Murni 

var w = window,
    d = document,
    e = d.documentElement,
    g = d.body,
    x = w.innerWidth || e.clientWidth || g.clientWidth, // x = Lebar layar
    y = w.innerHeight || e.clientHeight || g.clientHeight; // y = Tinggi layar

// Tampilkan lebar dan tinggi layar dalam kotak pesan
alert('Lebar layar: ' + x + '; Tinggi layar: ' + y);

9 Komentar

  • IRIL SAGITA

    Contoh penerapannya gimana kak ?

  • Beben Koben

    yg versi jquery tinggi monitor saya kok = 0 !!!

    • Taufik Nurrohman

      Di Saya normal saja hasilnya. Cuma, sepertinya untuk yang versi JQuery hasilnya lebih akurat. Kalau layar yang sedang diukur tidak memiliki scrollbar, maka ukurannya jadi 1024 (jika lebar layarnya adalah 1024 piksel), tapi kalau ada scrollbar, lebar layar jadi berubah menjadi 1007 (1024 - 17).

  • Beben Koben

    waktu ngetes nggak pakek
    $(document).ready(function(){

    });

  • Andi AF Studio

    buset dah ini blog efeknya udah kaya nonton pelem 3D \o/

    sukses lah oom :D

  • Anonim

    Saya mendapat bayak pengetahuan di blog ini..

  • Unknown

    ini masukkin ke tema blognya mas??

  • Unknown

    mas, mau tanya, ko blognya mas bisa menyesuaikan lebarnya dengan lebar monitor? soalnya ketika saya buka di mac, yang layarnya jauh lebih luas dibanding laptop saya, dan laptop biasanya, blog punya mas binya menyesuaikan, sedangkan blog saya jadi keliatan kurus banget... pake apa ya mas? makasih mas ditunggu jawabannya :)

Komentar telah ditutup.