美文网首页
JS之client家族(可视区域尺寸)

JS之client家族(可视区域尺寸)

作者: 假行僧396741 | 来源:发表于2018-05-16 16:00 被阅读40次

我们知道红楼梦中 有四大家族
在JS当中也有几大家族 现在介绍一下client家族

  1. client的作用

获取可视区域的尺寸

  1. offsetWidth、clientWidth、scrollWidth

  2. offsetWidth
width  +  padding  +  border     (披着羊皮的狼)  
  1. clientWidth
width  +  padding      不包含border  
  1. scrollWidth
    大小是内容的大小

  2. 检测屏幕宽度(可视区域)

  3. ie9及其以上的版本

window.innerWidth
  1. 标准模式
document.documentElement.clientWidth
  1. 怪异模式
document.body.clientWidth

为了方便可以自己封装一个 返回可视区宽度和高度的函数。

  1. 检测屏幕宽度(分辨率)

clientWidth 返回的是 可视区 大小 浏览器内部的大小
window.screen.width 返回的是我们电脑的 分辨率 跟浏览器没有关系

相关文章

网友评论

      本文标题:JS之client家族(可视区域尺寸)

      本文链接:https://www.haomeiwen.com/subject/dwwmbttx.html