Ekran arasındaki fark.availHeight ve pencere.()yüksekliği

Benim tarayıcı (Firefox) aşağıdaki Javascript idam ediyorum.

konsol.("Ekran yüksekliği =" . hata ayıklama ^strong>ekran.availHeight); //çıktısı770
konsol.("Pencere Yüksekliği =" . hata ayıklama ^strong>(pencere)$.() yüksekliği); //çıktısı210(JQuery kullanıyorum)

İkisi arasındaki fark nedir? 770 mm piksel ve 210 mı?

Ben yazarken benzer şekilde, $(document).height() $(window).height(), bir fark yoktur. Sebebi nedir?

CEVAP

15 HAZİRAN 2010, Salı

`window.outerHeight`

Ekrandaki pencere yüksekliği, sayfa ve tüm görünür tarayıcı çubukları içerir (konum, durum, yer imleri, pencere Başlığı, sınırları, ...).

Budeğilaynı jQuery $(window).outerHeight().

`window.innerHeight` `$(window).height()`

Web sitesi, içerik, Tarayıcı Bar sadece gösteren alanının yüksekliği.

`document.body.clientHeight` `$(document).height()`

Belgenizin yükseklik görünüm penceresi gösterilir. Eğer $(window).height() daha yüksek ise kaydırma çubukları belge kaydırmak için.

`screen.availHeight`

Tarayıcı penceresi, tarayıcının barlar da dahil olmak üzere ekranı ise olabilir yüksekliği. Pencere, screen.availHeight === window.outerHeight ekranı

`screen.height`

Sadece ekran çözünürlüğü ile eşleşir. Böylece 1920×1080 ekran, screen.height 1080 olacak.

screen.availHeight eşit [screen.height işletim sistemi bar], gibi görev çubuğunda Windows, dock ve menü üzerinde OS X ya da neyse işte sabit üst veya alt ekran kullanıyorsanız Linux.

Bunu Paylaş: