js获取当前文档视口高度

JavaScript019

js获取当前文档视口高度,第1张

function autodivheight() { //函数：获取尺寸

    //获取浏览器窗口高度

    var winHeight = 0

    if (window.innerHeight) {

        winHeight = window.innerHeight

    } else if ((document.body) &&(document.body.clientHeight)) {

        winHeight = document.body.clientHeight

    }

    //通过深入Document内部对body进行检测，获取浏览器窗口高度

    if (document.documentElement &&document.documentElement.clientHeight) {

        winHeight = document.documentElement.clientHeight

    }

    //DIV高度为浏览器窗口的高度

    document.getElementById("login_body").style.height = winHeight + "px"

}

//浏览器窗口变化时

window.onresize = function () {

    autodivheight()//浏览器窗口发生变化时同时变化DIV高度

}

//浏览器重新加载时

window.onload = function () {

    autodivheight()//浏览器窗口发生变化时同时变化DIV高度

}

1、document.body.clientWidth//网页可见区域宽

2、document.body.clientHeight//网页可见区域高

3、document.body.offsetWidth//网页可见区域宽(包括边线的宽)

4、document.body.offsetHeight//网页可见区域高(包括边线的高)

5、document.body.scrollWidth//网页正文全文宽

6、window.screen.availHeight//屏幕可用工作区高度

7、window.screen.availWidth//屏幕可用工作区宽度

8、alert($(document.body).outerWidth(true))//浏览器时下窗口文档body的总宽度 包括border padding margin

9、alert($(document.body).width())//浏览器时下窗口文档body的高度

扩展资料：

1、alert($(window).height())//浏览器时下窗口可视区域高度

2、alert($(document).height())//浏览器时下窗口文档的高度

3、alert($(document.body).height())//浏览器时下窗口文档body的高度

4、alert($(document.body).outerHeight(true))//浏览器时下窗口文档body的总高度 包括border padding margin

5、alert($(window).width())//浏览器时下窗口可视区域宽度

6、alert($(document).width())//浏览器时下窗口文档对于象宽度

7、alert($(document).scrollTop())//获取滚动条到顶部的垂直高度

8、alert($(document).scrollLeft())//获取滚动条到左边的垂直宽度