简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 浏览器窗口大小变化时，如何获得当前文档显示区的宽高？
巴扎黑
巴扎黑 2017-04-11 11:28:20
0
3
363

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

巴扎黑
巴扎黑

全部回复(3)
PHPzhong
PHPzhong2017-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
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！