关于浏览器的几个高度和宽度

在用百度地图Javascript API的时候，自己在sublime创建了以武汉为中心点的属于自己的地图。

作为新手的前端小白，创建的地图大小不能够很好地铺满整个浏览器页面。

所以就引出了关于浏览器页面大小的几个长和宽的知识点。

document.body.clientWidth;        //网页可见区域宽(body)document.body.clientHeight;       //网页可见区域高(body)document.body.offsetWidth;       //网页可见区域宽(body)，包括border、margin等document.body.offsetHeight;      //网页可见区域宽(body)，包括border、margin等document.body.scrollWidth;        //网页正文全文宽，包括有滚动条时的未见区域document.body.scrollHeight;       //网页正文全文高，包括有滚动条时的未见区域document.body.scrollTop;           //网页被卷去的Top(滚动条)document.body.scrollLeft;           //网页被卷去的Left(滚动条)window.screenTop;                     //浏览器距离Topwindow.screenLeft;                     //浏览器距离Leftwindow.screen.height;                //屏幕分辨率的高window.screen.width;                 //屏幕分辨率的宽window.screen.availHeight;          //屏幕可用工作区的高window.screen.availWidth;           //屏幕可用工作区的宽

自己动手，实践一下，对这个知识点的理解能更上一层。

关于浏览器的几个高度和宽度相关推荐

BOM 浏览器窗口尺寸浏览器的弹出层浏览器的地址栏浏览器的历史记录浏览器的版本信息浏览器的常见事件浏览器卷去的高度和宽度
浏览器窗口尺寸 + 指的是浏览器可视窗口的尺寸 + 浏览器可能会出现滚动条=> 在一般浏览器中,滚动条算浏览器的一部分=> 在MAC中的safari浏览器上,是不算的滚动条是隐形的 + ...
html获取屏幕、浏览器、页面的高度与宽度
一个页面的展示,从外到内的容器为:屏幕.浏览器以及页面本身:对应关系如下: HTML元素–>页面–>浏览器–>屏幕一.屏幕 screen.height //屏幕高度screen.w ...
容器高度或者宽度的获取方式
为了使表格或者一些数据能能够自适应浏览器的宽度或者高度,就不可避免的要获取浏览器的尺寸电脑屏幕尺寸的获取方式 window.screen.height //获取电脑屏幕分辨率的高度 window.s ...
显示浏览器窗口的高度和宽度
说明显示浏览器窗口的高度和宽度示例 <!DOCTYPE html> <html> <head><meta charset="utf-8" ...
Javascript、Jquery获取浏览器和屏幕各种高度宽度[mark]
Javascript: IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高 ...
浏览器窗口的高度和宽度
浏览器窗口的高度和宽度: var w=window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWi ...
编辑器js获取浏览器高度和宽度值(转)
js获取浏览器高度和宽度值网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: docume ...
java中如何设置浏览器宽度_[Java教程]关于JS中获取浏览器高度和宽度值的多种方法(多浏览器)_星空网...
关于JS中获取浏览器高度和宽度值的多种方法(多浏览器) 2017-08-07 0 三种浏览器获取值方法 IE中: document.body.clientWidth ==> BODY对象宽度 d ...
js 获取浏览器高度和宽度值
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.d ...

关于浏览器的几个高度和宽度

关于浏览器的几个高度和宽度相关推荐

最新文章

热门文章