js获取当前文档视口高度

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

    //获取浏览器窗口高度

    var winHeight = 0;

    if (windowinnerHeight) {

        winHeight = windowinnerHeight;

    } else if ((documentbody) && (documentbodyclientHeight)) {

        winHeight = documentbodyclientHeight;

    }

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

    if (documentdocumentElement && documentdocumentElementclientHeight) {

        winHeight = documentdocumentElementclientHeight;

    }

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

    documentgetElementById("login_body")styleheight = winHeight + "px";

}

//浏览器窗口变化时

windowonresize = function () {

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

}

//浏览器重新加载时

windowonload = function () {

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

}

你可以用documentbodyscrollWidth

来获取，但兼容性本人没有做过测试。 给你个参考：网页可见区域宽：documentbodyclientWidth

网页可见区域高：documentbodyclientHeight

网页可见区域宽：documentbodyoffsetWidth(包括边线的宽)

网页可见区域高：documentbodyoffsetHeight(包括边线的宽)

网页正文全文宽：documentbodyscrollWidth

网页正文全文高：documentbodyscrollHeight

网页被卷去的高：documentbodyscrollTop(IE7无效)

网页被卷去的左：documentbodyscrollLeft(IE7无效)网页被卷去的高：documentdocumentElementscrollTop(IE7有效)网页被卷去的左：documentdocumentElementscrollLeft(IE7有效)

网页正文部分上：windowscreenTop

网页正文部分左：windowscreenLeft

屏幕分辨率的高：windowscreenheight

屏幕分辨率的宽：windowscreenwidth

屏幕可用工作区高度：windowscreenavailHeight

屏幕可用工作区宽度：windowscreenavailWidth

相对于窗口左上角的X：windoweventclientX相对于窗口左上角的Y：windoweventclientY

相对于整个页面的X：windoweventX

相对于整个页面的Y：windoweventY

(function(){

var option ={"auto_play":"0","file_id":"16092504232103639705","app_id":"1251580615","width":screenwidth,"height":screenheight}; /调用播放器进行播放/

new qcVideoPlayer( /代码中的id_video_container将会作为播放器放置的容器使用,可自行替换/ "id_video_container", option ); })()

<script>

windowonload = function(){

    //把屏幕宽度赋值给该元素

    documentgetElementById("float_banner")stylewidth = windowscreenwidth + 'px';

}

</script>

的却，在css代码页可以执行js代码，但是，不建议这样做

以上就是关于js获取当前文档视口高度全部的内容，包括:js获取当前文档视口高度、JS获取页面内容宽度各浏览器不一、js获取页面宽度和高度然后把值传给DIV等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！