浏览器页面区域大小的获取:
复制代码 代码如下:
//在ie、firefox、opera下都可以使用
document.body.clientwidth
document.body.clientheight
//即可获得,很简单,很方便。
//而在公司项目当中:
//opera仍然使用
document.body.clientwidth
document.body.clientheight
//可是ie和firefox则使用
document.documentelement.clientwidth
document.documentelement.clientheight
//原来是w3c的标准在作怪啊
//http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd”>
//如果在页面中添加这行标记的话
//在ie中:
document.body.clientwidth ==> body对象宽度
document.body.clientheight ==> body对象高度
document.documentelement.clientwidth ==> 可见区域宽度
document.documentelement.clientheight ==> 可见区域高度
//在firefox中:
document.body.clientwidth ==> body对象宽度
document.body.clientheight ==> body对象高度
document.documentelement.clientwidth ==> 可见区域宽度
document.documentelement.clientheight ==> 可见区域高度
?
//在opera中:
document.body.clientwidth ==> 可见区域宽度
document.body.clientheight ==> 可见区域高度
document.documentelement.clientwidth ==> 页面对象宽度(即body对象宽度加上margin宽)
document.documentelement.clientheight ==> 页面对象高度(即body对象高度加上margin高)
//而如果没有定义w3c的标准,则
//ie为:
document.documentelement.clientwidth ==> 0
document.documentelement.clientheight ==> 0
//firefox为:
document.documentelement.clientwidth ==> 页面对象宽度(即body对象宽度加上margin宽)document.documentelement.clientheight ==> 页面对象高度(即body对象高度加上margin高)
//opera为:
document.documentelement.clientwidth ==> 页面对象宽度(即body对象宽度加上margin宽)document.documentelement.clientheight ==> 页面对象高度(即body对象高度加上margin高)