社区
JavaScript
帖子详情
js获取浏览器body高度和宽度的问题
relateTarget
2008-12-05 04:02:25
在网上查过document.body.offsetWidth、screen.height可以获取浏览器的高度和宽度,但是不同浏览器所获得不同的值,导致有的浏览器根据所捕获的高度和宽度值所生成的覆盖层能刚好覆盖整个屏幕,有的不是高度短了就是宽度长了,想问下有什么方法使生成的覆盖层刚好铺满整个浏览器的可视区域且各浏览器表现一致?
...全文
4338
5
打赏
收藏
js获取浏览器body高度和宽度的问题
在网上查过document.body.offsetWidth、screen.height可以获取浏览器的高度和宽度,但是不同浏览器所获得不同的值,导致有的浏览器根据所捕获的高度和宽度值所生成的覆盖层能刚好覆盖整个屏幕,有的不是高度短了就是宽度长了,想问下有什么方法使生成的覆盖层刚好铺满整个浏览器的可视区域且各浏览器表现一致?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
shuaixz
2009-01-17
打赏
举报
回复
试试这个
获取页面可用的高度:screen.availHeight;
宽度:screen.availWidth;
yumenzaixing
2009-01-13
打赏
举报
回复
实用,不错
囧
2008-12-05
打赏
举报
回复
学习...
一把编程的菜刀
2008-12-05
打赏
举报
回复
http://blog.csdn.net/chinmo/archive/2008/02/18/2102799.aspx
先看这个图,对这些东东了解先
大王带我来巡山
2008-12-05
打赏
举报
回复
IE,FireFox 差异如下:
IE6.0、FF1.06+:
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
<script type="text/javascript">
<!-- var winWidth = 0;
var winHeight = 0;
function findDimensions() //函数:获取尺寸
{ //获取窗口宽度
if (window.innerWidth)
winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth; //获取窗口高度
if (window.innerHeight)
winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight; //通过深入Document内部对body进行检测,获取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
} //结果输出至两个文本框
document.form1.availHeight.value= winHeight;
document.form1.availWidth.value= winWidth;
} findDimensions(); //调用函数,获取数值
window.onresize=findDimensions;
//--></script>
js
/jquery
获取
浏览器
窗口可视区域
高度
和
宽度
以及滚动条
高度
实现代码
获取
浏览器
窗口的可视区域
高度
和
宽度
,滚动条
高度
有需要的朋友可参考一下。IE中,
浏览器
显示窗口大小只能以下
获取
: 代码如下复制代码 代码如下:document.
body
.offsetWidth document.
body
.offsetHeight在声明了DOCTYPE的
浏览器
中,可以用以下来
获取
浏览器
显示窗口大小: 代码如下复制代码 代码如下:document.documentElement.clientWidth document.documentElement.clientHeightIE,FF,Safari皆支持该方法,opera虽支持该属性,但是返回的是页面尺寸;同时,除了IE以外的所
Js
与Jq
获取
浏览器
和对象值的方法
JS
and Jquery 都能
获取
页面元素的
宽度
,
高度
和相对位移等数值,那他们之间能相互转换或替代吗,写法又有哪些差异呢?本文将详细为你介绍。 1.
Js
获取
浏览器
高度
和
宽度
document.documentElement.clientWidth ==>
浏览器
可见区域
宽度
document.documentElement.clientHeight ==>
浏览器
可见区域
高度
document.
body
.clientWidth ==>
BODY
对象
宽度
document.
body
.clientHeight ==>
BODY
对象
高度
Jq
获取
浏览器
高度
和
宽度
$(window).widt
JavaScript
获取
网页、
浏览器
、屏幕
高度
和
宽度
汇总
经常发现在写JavaScript的时候,都需要用到网页、
浏览器
或屏幕的
高度
和
宽度
来解决布局定位的
问题
,时常前用后忘,要不就是在网上search,干脆自己总结一下,这样也方便再次使用,省时省力。 网页可见区域宽:document.
body
.clientWidth 网页可见区域高:document.
body
.clientHeight 网页可见区域宽:document.
body
.offsetWidth (包括边线的宽) 网页可见区域高:document.
body
.offsetHeight (包括边线的宽) 网页正文全文宽:document.
body
.scrollWidth (带滚动条宽) 网
js
获取
浏览器
高度
和
宽度
值(多
浏览器
)
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.clien
js
获取
浏览器
和屏幕的各种
宽度
高度
一:网页可见区域宽高,不包括工具栏和滚动条(
浏览器
窗口可视区域大小) 1.对于IE9+、chrome、firefox、Opera、Safari: window.innerHeight
浏览器
窗口的内部
高度
; window.innerWidth
浏览器
窗口的内部
宽度
; 2.对于IE8.7.6.5: document.documentElement.clientHeight:表示HTML文档所在窗口的当前
高度
; document.documentElement.clientWidth:表示HTML文档所在窗口的当前
宽度
; 或者,因为document对象的
body
属性对应HTML文档的<
body
>标签,
JavaScript
87,901
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章