可视区域的判断 html5,获取浏览器可视区域宽高

获取浏览器可视区域宽高

2018年08月03日

| 萬仟网IT编程

 | 我要评论

1 /** 2 * 获取浏览器可视区域宽度 3 */ 4 function getViewPortOffset() { 5 if (window.innerWidth) { 6 return { 7 w: window.innerWidth, 8 ... ...

1 /**

2 * 获取浏览器可视区域宽度

3 */

4 function getViewPortOffset() {

5 if (window.innerWidth) {

6 return {

7 w: window.innerWidth,

8 h: window.innerHeight

9 }

10 } else if (document.compatMode = "BackCompat") {

11 return {

12 w: document.body.clientWidth,

13 h: document.body.clientHeigth

14 }

15 } else {

16 return {

17 w: document.documentElement.clientWidth,

18 h: document.documentElement.clientHeight

19 }

20 }

21 }

22 console.log(getViewPortOffset());

23

版权声明：本文内容由互联网用户贡献，该文观点仅代表作者本人。本站仅提供信息存储服务，不拥有所有权，不承担相关法律责任。

如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 2386932994@qq.com 举报，一经查实将立刻删除。

相关文章:

Html5 webview元素定位工具的实现这篇文章主要介绍了Html5 webview元素定位工具的实现,文中通过示例代码介绍的非常详细，对大家的学习或者工...

昨晚上闲的没事突然想做几个小loading效果，下面是昨晚上做的几个小案例，分享给大家 1.水波loading：这个loading是我觉得非常简单，...

目录

一、程序的三大结构

二、选择结构的单分支结构

三、选择结构的双分支结构

四、选择结构的多分支结构

一、程序的三大结构

顺序结构、选择结构、循环结构...

本篇文章主要介绍了HTML5中indexedDB 数据库的使用实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

... 17-...

html5的drag and drop是很不错的功能，网上使用例子较多如 https://html5demos.com/drag ，但这些例子大部分没实际用...

HTML +CSS 学习(四)文章目录HTML +CSS 学习(四)1、HTML 与 XHTML区别 ？2、st...

SVG存在两套坐标系统：视窗坐标系与用户坐标系。默认情况下，用户坐标系与视窗坐标系的点是一一对应的，记下来介绍下坐标与变换,感兴趣的朋友可以了解下啊，或许对你有...

实例化数组 实例化是一种只调用一次渲染函数却能绘制出很多物体的技术，它节省渲染一个物体时从CPU到GPU的通信时间。实例数组是这样的一个对象，使用它...

一、css3动画☺css3动画相对于通过javascript动态改变元素样式性能更好，更加容易。css3中有三个关于动画的属性：transform、...

概述：

在前文中讲到了在arcgis for js中统计图的实现，在本文，讲述在openlayers3中结合highcharts实现统计图。

实现：

在ope...

网友评论

验证码：