窗口大小 window.innerWidth 、window.innerHeight、document.documentElement.clientWidth、

/ Firefox、Chrome、Safari、Opera 支持 ;  window.innerWidth 没有减去右边下拉条
var pageWidth = window.innerWidth,
pageHeight = window.innerHeight;
 
//IE、Firefox、Chrome、Safari、Opera 支持 ;
if(typeof pageWidth != 'number')
{
// CSS1Compat:标准兼容模式开启。
if(document.compatMode == 'CSS1Compat'){
pageWidth = document.documentElement.clientWidth;
pageHeight = document.documentElement.clientHeight;
} else {
// BackCompat:标准兼容模式关闭。
pageWidth = document.body.clientWidth;
pageHeight = document.body.clientHeight;
}
}
 
 
 
 
//  IE、 Firefox、Chrome、Safari、Opera 支持 ,
   //  document.documentElement.clientWidth  减去右边下拉条。
// CSS1Compat:标准兼容模式开启。
if(document.compatMode == 'CSS1Compat'){
pageWidth = document.documentElement.clientWidth;
pageHeight = document.documentElement.clientHeight;
} else {
// BackCompat:标准兼容模式关闭。
pageWidth = document.body.clientWidth;
pageHeight = document.body.clientHeight;
}

你可能感兴趣的:(clientwidth)