黑马程序员技术交流社区

标题: 【上海校区】获取屏幕的宽度和高度 [打印本页]

---

作者: 梦缠绕的时候    时间: 2020-1-14 09:37
标题: 【上海校区】获取屏幕的宽度和高度
　在js中，特别是在一些功能，比如底部返回哪些按钮等，经常需要用到，这里综合运用以下，以便可以以后快速获取：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
/**
* 获取屏幕的宽度和高度
* @returns {*}
*/
function client() {
    if(window.innerWidth){ // ie9+ 最新的浏览器
        return {
            width: window.innerWidth,
            height: window.innerHeight
        }
    }else if(document.compatMode === "CSS1Compat"){ // W3C
        return {
            width: document.documentElement.clientWidth,
            height: document.documentElement.clientHeight
        }
    }

    return {
        width: document.body.clientWidth,
        height: document.body.clientHeight
    }
}
　　好了，至于怎么引入这个文件，想必大家都很熟悉了，这里就不一一介绍了。

It works on my machine

---

作者: 梦缠绕的时候    时间: 2020-1-14 09:37
有任何问题欢迎添加学姐微信
DKA-2018

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2