js获取当前文档视口高度

JavaScript07

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

}

文本框没有宽度属性 所以.width是不对。然后style里面有height样式的。但没有width样式。<br>所以你要设置文档框的高度是 设置style="height:30px"就行了<br>文本框的长度 是和size相关的 ,设置size多少 宽度就是多少了<br>取值的话 取对应属性就行了<br>alert(document.getElementById("text1").size)//宽度 <br>alert(document.getElementById("text1").style.height)//高度