Jquery kullanmadan belge yüksekliği ve genişliği nasıl elde edilir

Belge yüksekliği ve genişliği saf olarak nasıl elde edilir javaScript yani kullanmadan jQuery.
Bilmem $(document).height()ve $(document).width(), ama ben bunu yapmak istiyorumjavaScript.

Sayfanın yüksekliğini ve genişliğini kastetmiştim.

var height = document.body.clientHeight;
var width = document.body.clientWidth;

Kontrol edin: Daha iyi bir açıklama için bu makale .

Http://www.howtocreate.co.uk/tutorials/javascript/browserwindow adresinde verilen son örnek bile Quirks modunda çalışmıyor. Bulması düşündüğümden daha kolay, çözüm bu gibi görünüyor (en son jquery kodundan alınmıştır):

Math.max(
    document.documentElement["clientWidth"],
    document.body["scrollWidth"],
    document.documentElement["scrollWidth"],
    document.body["offsetWidth"],
    document.documentElement["offsetWidth"]
);

Yükseklik değerini almak için Genişliği "Yükseklik" yerine değiştirin.

Bu, tarayıcılar arası bir çözümdür:

var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

Sen kullanmalıdır getBoundingClientRectgenellikle olarak çapraz tarayıcı çalışır ve size verir alt piksel hassasiyet sınırları dikdörtgen üzerinde.

elem.getBoundingClientRect()

JQuery olmadan belge boyutunu alın

document.documentElement.clientWidth
document.documentElement.clientHeight

Ekran boyutuna ihtiyacınız varsa bunu kullanın

screen.width
screen.height

Ayrıca deneyebilirsiniz:

document.body.offsetHeight
document.body.offsetWidth

Bu, tüm tarayıcılar / cihazlar için çalışmalıdır:

function getActualWidth()
{
    var actualWidth = window.innerWidth ||
                      document.documentElement.clientWidth ||
                      document.body.clientWidth ||
                      document.body.offsetWidth;

    return actualWidth;
}

Taşma dahil olmak üzere sayfanın tam genişliğini elde etmek istiyorsanız kullanın document.body.scrollWidth.

Belge genişliği ve yüksekliğini kolayca nasıl öğrenebilirim?

HTML'de
<span id="hidden_placer" style="position:absolute;right:0;bottom:0;visibility:hidden;"></span>

javascript'te

     var c=document.querySelector('#hidden_placer');

     var r=c.getBoundingClientRect();
     r.right=document width
     r.bottom=document height`

Gerekirse bunu her pencere yeniden boyutlandırma etkinliğinde güncelleyebilirsiniz.

windowtarayıcının uygulama penceresinin tamamıdır. documentgerçekte yüklenmiş olan web sayfasıdır.

window.innerWidthve window.innerHeightkaydırma çubuklarını hesaba katacak ve bunlar sizin istediğinizi olmayabilir.

document.documentElementüst kaydırma çubuğu olmayan tam web sayfasıdır. document.documentElement.clientWidthy kaydırma çubuğu olmadan belge genişlik boyutunu döndürür. document.documentElement.clientHeightx kaydırma çubuğu olmadan belge yükseklik boyutunu döndürür.