client 家族

client 家族

client  可视区域

offsetWidth:   width  +  padding  +  border     （披着羊皮的狼）

clientWidth： width  +  padding      不包含border

scrollWidth:   大小是内容的大小

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

ie9及其以上的版本

window.innerWidth

标准模式

document.documentElement.clientWidth

怪异模式

document.body.clientWidth

自己封装一个 返回可视区宽度和高度的函数。

window.onresize    改变窗口事件

昨天  window.onscroll  = function() {}  屏幕滚动事件

今天  window.onresize = function() {}  窗口改变事件

onresize 事件会在窗口或框架被调整大小时发生

要求：

当我们的页面宽度大于 960 像素的时候   页面颜色是红色

当我们的页面宽度 大于 640 小于 960    页面的颜色是 绿色

剩下的颜色是  蓝色

function fun() {  语句  }

fun   是函数体的意思

fun()  调用函数 的意思

检测屏幕宽度(分辨率)

clientWidth   返回的是 可视区 大小    浏览器内部的大小

window.screen.width   返回的是我们电脑的 分辨率   跟浏览器没有关系