js获取当前文档视口高度

JavaScript013

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高度

}

<SCRIPT LANGUAGE="javascript">

<!--

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //这句要写成一行

-->

</SCRIPT>

window.open 弹出新窗口的命令;

'page.html' 弹出窗口的文件名;

'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;

height=100 窗口高度;

width=400 窗口宽度;

top=0 窗口距离屏幕上方的象素值;

left=0 窗口距离屏幕左侧的象素值;

toolbar=no 是否显示工具栏,yes为显示;

menubar,scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小,yes为允许;

location=no 是否显示地址栏,yes为允许;

status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;