获取窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。
ie中,浏览器显示窗口大小只能以下获取: 代码如下.
代码如下:
document.body.offsetwidth
document.body.offsetheight
代码如下:
document.documentelement.clientwidth
document.documentelement.clientheight
代码如下:
window.innerwidth
window.innerheight
. 代码如下:
document.body.scrollwidth
document.body.scrollheight
. 代码如下:
window.screen.height
window.screen.width
. 代码如下:
function getviewsizewithoutscrollbar(){//不包含滚动条
return {
width : document.documentelement.clientwidth,
height: document.documentelement.clientheight
}
}
function getviewsizewithscrollbar(){//包含滚动条
if(window.innerwidth){
return {
width : window.innerwidth,
height: window.innerheight
}
}else if(document.documentelement.offsetwidth == document.documentelement.clientwidth){
return {
width : document.documentelement.offsetwidth,
height: document.documentelement.offsetheight
}
}else{
return {
width : document.documentelement.clientwidth + getscrollwith(),
height: document.documentelement.clientheight + getscrollwith()
}
}
}
. 代码如下:
clientwidth = width + padding
clientheight = height + padding
offsetwidth = width + padding + border
offsetheight = height + padding + border
ie5.0/5.5:
clientwidth = width - border
clientheight = height - border
offsetwidth = width
offsetheight = height
. 代码如下:
$(document).width() < $('body').width() ? $(document).width() : $('body').width();
$(document).height() < $('body').height() ? $(document).height() : $('body').height();
如对本文有疑问, 点击进行留言回复!!
使用纯前端JavaScript实现Excel导入导出方法过程详解
微信小程序完美解决scroll-view高度自适应问题的方法
bootstrap-closable-tab可实现关闭的tab标签页插件
网友评论