DOM初探（15）——查看视口的尺寸

视频：https://ke.qq.com/course/231577?taid=3983676656552089

二：DOM基本操作：

查看视口的尺寸

window.innerWidth/innerHeight

IE8及以下不兼容

document.documentElement.clientWidth/clientHeight

标准模式下，任意浏览器都兼容

document.body.clientWidth/clientHeight

适用于怪异模式(没有<!DOCTYPE html>)下的浏览器

练习40：

封装兼容性方法，返回浏览器视口的尺寸getViewportOffset()。

表示：这是标准模式。

表示：向后兼容。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>abraham</title></head><body><script type="text/javascript">function getViewportOffset() {if(window.innerWidth){return {w : window.innerWidth,h : window.innerHeight}}else{if(document.compatMode == "BackCompat"){//怪异模式return {w : document.body.clientWidth,h : document.body.clientHeight}}else{//标准模式return {w : document.documentElement.clientWidth,h : document.documentElement.clientHeight}}}}</script></body>
</html>

DOM初探（15）——查看视口的尺寸相关推荐

DOM初探（17）——查看元素的尺寸与位置
四:DOM基本操作: 查看元素的尺寸: dom.offsetWidth,dom.offsetHeight(视觉上的宽高,不可能包含margin) 查看元素的位置: dom.offsetLeft,dom ...
DOM初探（16）——查看元素的集合尺寸
三:DOM基本操作: 查看元素的集合尺寸 domEle.getBoundingClientRect(); 兼容性很好改方法返回一个对象,对象里面有left,top,right,bottom等属性.l ...
DOM初探（14）——查看滚动条的滚动距离
一:DOM基本操作: 查看滚动条的滚动距离 window.pageXOffset/pageYOffset IE8及以下不兼容(只有IE9以上的浏览器能用) document.body/document ...
计算机专业屏幕尺寸,简单查看电脑屏幕尺寸、配置
在日常生活中,电脑是我们大家都需要用到的工具,但是有些人想了解电脑的大致情况却不知道如何下手,比如电脑屏幕尺寸是多少呢?配置如何呢?那么今天就为大家介绍一下如何查看电脑屏幕尺寸及配置,希望能帮到小伙伴 ...
屏幕长宽在线计算机,简单查看电脑屏幕尺寸、配置，涨知识了
在日常生活中,电脑是我们大家都需要用到的工具,但是有些人想了解电脑的大致情况却不知道如何下手,比如电脑屏幕尺寸是多少呢?配置如何呢?那么今天就为大家介绍一下如何查看电脑屏幕尺寸及配置,希望能帮到小伙伴 ...
如何知道计算机显示器尺寸,如何查看电脑显示器尺寸？
逆袭_8315 2015-12-01 21:29 查看显示器尺寸的方法一(用Everest查看): 1,可到网上下载"Everest硬件检测软件",不需要安装,直接双击主程序运行. ...
联想电脑尺寸在哪里看_笔记本屏幕大小怎么看查看笔记本屏幕型号尺寸方法...
最近有网友"微笑"问小编这样一个问题:笔记本屏幕大小怎么看?如何查看笔记本屏幕型号呢?对于这个问题,笔者感觉又简单,但又不好如何解释.我们知道,一般笔记本的屏幕大小主流相对固定的几 ...
DOM初探（18）——让滚动条滚动
五:DOM基本操作: 让滚动条滚动 window上有三个方法 scroll(x,y),scrollTo(x,y) scrollBy(); 三个方法功能类似,用法都是将x,y坐标传入.即实 ...
浏览器chrome如何查看页面的尺寸？调整控制台的位置？手机端的页面浏览？
直接正题了 1. 页面尺寸的查看: 直接打开控制台(f12或者右键然后检查):调整页面尺寸时右上角会有提示页面的尺寸 (好像最近chrome没有这个特性了,不过可以直接点击select element ...

DOM初探（15）——查看视口的尺寸

DOM初探（15）——查看视口的尺寸相关推荐

最新文章

热门文章