<script>
//封装可视区域
window.onload = function () {
function client() {
if(window.innerWidth!=null) //ie9+ 最新浏览器
{
return{
width:window.innerWidth,
height:window.innerHeight
}
}
else if(document.compatMode === "CSS1Compat") //正常页面,声明了DTD的页面(google不支持)
{
return{
width:document.documentElement.clientWidth,
height:document.documentElement.clientHeight
}
}
return{ //怪异页面,没有声明DTD(支持google)
width:document.body.clientWidth,
height:document.body.clientHeight
}
}
reSize(); //页面加载调用函数一次
window.onresize = reSize; //改变窗口大小才会调用函数
function reSize() {
var width = client().width;
if(width>960)
{
document.body.style.backgroundColor = "blue";
}
else if(width>640)
{
document.body.style.backgroundColor = "yellow";
}
else{
document.body.style.backgroundColor = "red";
}
}
}
</script>