javascript中的client

client  可视区域   

    offsetWidth:   width +  padding  + border       

    clientWidth： width  +  padding     不包含border 

    scrollWidth:   大小是内容的大小   

 

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

ie9及其以上的版本

window.innerWidth 

标准模式

document.documentElement.clientWidth

怪异模式

document.body.clientWidth

1.1.2  window.onresize        改变窗口事件 

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

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

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

1.1.3 检测屏幕宽度(分辨率)

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

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