javascript - 浏览器窗口大小变化时，如何获得当前文档显示区的宽高？-PHP中文网问答

javascript - 浏览器窗口大小变化时，如何获得当前文档显示区的宽高？

巴扎黑 2017-04-11 11:28:20

[JavaScript讨论组]

488

好像是用bom里的一些知识记不太清了

巴扎黑

全部回复(3)

PHPz2017-04-11 11:30:20 3楼

window.onresize = function(){
    console.log(window.innerWidth);
    console.log(window.innerHeight);
}

赞 +0

添加回复

阿神2017-04-11 11:30:20 2楼

你是说文档自适应窗口的大小么,用window.innerwidth window.innerHeight

赞 +0

添加回复

迷茫2017-04-11 11:30:20 1楼

说清楚如何变化？是缩小窗口，还是滑动滚动条？

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<style>
    body {
        height: 2000px;
    }
    #p1{
        position:fixed;
        top:0;
        left: 0;
    }
</style>

<body>
    <p id="p1"></p>
</body>
<script>
    var temer;
    timer = setInterval(function () {
        var l = "文档的宽度：" + document.body.clientWidth + ", 文档的高度：" + document.body.clientHeight + ", 当前页面的宽度：" + document.documentElement.clientWidth + ", 当前页面的宽度：" + document.documentElement.clientHeight + ", 向下滑动的距离：" + document.body.scrollTop;

        document.getElementById("p1").innerHTML = l;
    }, 1000);
</script>

</html>

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>