在不同浏览器都实用的各窗口大小获取方法

// 浏览器窗口
var w= document.documentElement.clientWidth
      || document.body.clientWidth;
var h= document.documentElement.clientHeight
      || document.body.clientHeight;

// 网页窗口
var w=document.documentElement.scrollWidth
   || document.body.scrollWidth;
var h=document.documentElement.scrollHeight
   || document.body.scrollHeight;

// 网页窗口(包括滚动条等边线,会随窗口的显示大小改变,offsetHeight = clientHeight + 滚动条 + 边框)
var w= document.documentElement.offsetWidth
    || document.body.offsetWidth;
var h= document.documentElement.offsetHeight
    || document.body.offsetHeight;

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏c#开发者

Infinite Scrolling in UIScrollView

- (void)viewDidLoad {     [super viewDidLoad];          [theScrollView setConten...

2626
来自专栏Alice

上边半透明的效果并且显示的是上一页的内容

项目介绍:首先上边显示的是透明的视图,透明度为0.8 这是一个vc 设置vc的view的背景颜色为clearcolor  上边是一个按钮,设置按钮的透明度为0....

1975
来自专栏前端知识分享

第49天:封装自己的scrollTop

scrollTop和scrollLeft scrollTop 被卷去的头部 当滑动滚轮浏览网页的时候,网页隐藏在屏幕上方的距离 二、页面滚动效果事件 windo...

1161
来自专栏狂码一生

js 获取屏幕各种宽高的方法(浏览器兼容)

屏幕的有效宽高: window.screen.availHeight window.screen.availWidth 网页可见区域宽:document.bod...

48610
来自专栏DannyHoo的专栏

视图的alpha属性可能会影响子视图的透明度

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/...

1272
来自专栏杨龙飞前端

scrollto 到指定位置

3615
来自专栏前端知识分享

第44天:鼠标移动放大效果

1084
来自专栏liulun

node-webkit无边框窗口用纯JS实现拖动改变大小

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <...

2216
来自专栏iOS122-移动混合开发研究院

PNChart,简洁高效有动画效果的iOS图表库

导入 pod导入相对简单,要手动导入这个库,先下载下来(https://github.com/kevinzhow/PNChart),解压后把PNChart文件夹...

2519
来自专栏前端说吧

JS-缓冲运动-对联型悬浮框

2955

扫码关注云+社区