js获得浏览器宽高,奇怪的问题

PlayerYK 2008-11-24 04:58:44
先看代码

function GetInfo()
{
var s = "";
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
s += "\r\n网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)";
s += "\r\n网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)";
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
s += "\r\n网页被卷去的高(ff):"+ document.body.scrollTop;
s += "\r\n网页被卷去的高(ie):"+ document.documentElement.scrollTop;
s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
s += "\r\n网页正文部分上:"+ window.screenTop;
s += "\r\n网页正文部分左:"+ window.screenLeft;
s += "\r\n屏幕分辨率的高:"+ window.screen.height;
s += "\r\n屏幕分辨率的宽:"+ window.screen.width;
s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;
s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
alert (s);
}

全屏下得到的数据

我把浏览器缩小得到的数据

大了500像素,这是为什么啊?
...全文
559 15 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
15 条回复
切换为时间正序
请发表友善的回复…
发表回复
cmz6688 2010-08-24
  • 打赏
  • 举报
回复
不兼容!
不悲不喜 2008-12-01
  • 打赏
  • 举报
回复
HOHO.
你的问题能解决是最重要的.
不过你给的分很奇怪呀.
74.
你想气死我呀......
PlayerYK 2008-12-01
  • 打赏
  • 举报
回复
谢谢各位帮助,特别是 syukugai
最近每天都加班,所以结贴比较晚
PlayerYK 2008-12-01
  • 打赏
  • 举报
回复
我……给他们一人一分,,,cyqlightrain 20分 剩下的都给你了
这,,74,也太巧了
不悲不喜 2008-11-25
  • 打赏
  • 举报
回复
[Quote=引用 8 楼 o_oak 的回复:]
引用 6 楼 syukugai 的回复:
把 div 设置成相对宽度.
或者设置成绝对宽度,在画面的onresize事件中改变它的宽度.


我懂你说的意思了,可是我是新手,这个onresize事件该怎么写啊?
window.onresize(function(){...}

怎么提示:对象不支持此属性或方法……
[/Quote]

以下几种方法
(1)写在body中,
<body onresize=".....">

(2)使用匿名函数
window.onresize=function(){
......
}
(3)函数赋值
function resizeDiv(){
}

window.onresize =resizeDiv;

常用的以上几种。
cyqlightrain 2008-11-25
  • 打赏
  • 举报
回复

window.onresize = function resizepage(){
//do some thing...
}
PlayerYK 2008-11-25
  • 打赏
  • 举报
回复
[Quote=引用 6 楼 syukugai 的回复:]
把 div 设置成相对宽度.
或者设置成绝对宽度,在画面的onresize事件中改变它的宽度.
[/Quote]

我懂你说的意思了,可是我是新手,这个onresize事件该怎么写啊?
window.onresize(function(){...}

怎么提示:对象不支持此属性或方法……
PlayerYK 2008-11-25
  • 打赏
  • 举报
回复
[Quote=引用 6 楼 syukugai 的回复:]
把 div 设置成相对宽度.
或者设置成绝对宽度,在画面的onresize事件中改变它的宽度.
[/Quote]

我懂你说的意思了,可是我是新手,这个onresize事件该怎么写啊?
window.onresize(function(){...}

怎么提示:对象不支持此属性或方法……
不悲不喜 2008-11-25
  • 打赏
  • 举报
回复
把 div 设置成相对宽度.
或者设置成绝对宽度,在画面的onresize事件中改变它的宽度.
PlayerYK 2008-11-25
  • 打赏
  • 举报
回复
问题找到了
我的布局:上面一个层宽度100%
下面两个层,左侧宽度固定
浏览器宽度变小时,右侧div浮动被挤到左侧div下面了;
所以整个高度增加了;

现在我想窗口改变就自动改变下面两个div的高度,和右侧div的宽度,该怎么写JS呢?

Joson.e8love 2008-11-25
  • 打赏
  • 举报
回复
0
不悲不喜 2008-11-24
  • 打赏
  • 举报
回复
怎么和我测试的结果不一样呢!
ocean_958 2008-11-24
  • 打赏
  • 举报
回复
读的是当前浏览器的宽度吧
阿云ivan 2008-11-24
  • 打赏
  • 举报
回复
非全屏下,菜单、工具栏等都占了一些高度
cloudgamer 2008-11-24
  • 打赏
  • 举报
回复
是不是有些换行
所以撑大啦

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧