社区
JavaScript
帖子详情
如何取IE浏览器的窗口的位置与大小?非body的位置与大小,也不是屏幕的分辨率
wmrwinhap
2004-06-10 12:04:49
如何取IE浏览器窗口的位置与大小?非body的位置与大小,也不是屏幕的分辨率
我知道body的宽度属性:document.body.clientWidth,document.body.offsetWidth,document.body.scrollWidth
及屏幕的宽度属性:screen.width, screen.availWidth
IE窗口的位置与大小等属性如何获得呢?
...全文
431
10
打赏
收藏
如何取IE浏览器的窗口的位置与大小?非body的位置与大小,也不是屏幕的分辨率
如何取IE浏览器窗口的位置与大小?非body的位置与大小,也不是屏幕的分辨率 我知道body的宽度属性:document.body.clientWidth,document.body.offsetWidth,document.body.scrollWidth 及屏幕的宽度属性:screen.width, screen.availWidth IE窗口的位置与大小等属性如何获得呢?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
10 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
gjd111686
2004-06-16
打赏
举报
回复
<body><script>
var strInfo="";
strInfo+="\r\n网页可见区域宽:"+document.body.clientWidth;
strInfo+="\r\n网页可见区域高:"+document.body.clientHeight;
strInfo+="\r\n网页可见区域宽:"+document.body.offsetWidth+"(包括边线的宽)";
strInfo+="\r\n网页可见区域高:"+document.body.offsetHeight+"(包括边线的宽)";
strInfo+="\r\n网页正文全文宽:"+document.body.scrollWidth;
strInfo+="\r\n网页正文全文高:"+document.body.scrollHeight;
strInfo+="\r\n网页被卷去的高:"+document.body.scrollTop;
strInfo+="\r\n网页被卷去的左:"+document.body.scrollLeft;
strInfo+="\r\n网页正文部分上:"+window.screenTop;
strInfo+="\r\n网页正文部分左:"+window.screenLeft;
strInfo+="\r\n屏幕分辨率的高:"+window.screen.height;
strInfo+="\r\n屏幕分辨率的宽:"+window.screen.width;
strInfo+="\r\n屏幕可用工作区高度:"+window.screen.availHeight;
strInfo+="\r\n屏幕可用工作区宽度:"+window.screen.availWidth;
window.confirm(strInfo);
</script>
eul
2004-06-16
打赏
举报
回复
IE里面不好取的。你可以换个别的途径解决一下。
比方说是在页面的头和脚个都放一个小的元素。通过比较这两个小元素的距离来判断窗口的高度。
asen51
2004-06-11
打赏
举报
回复
up
devillicheng
2004-06-10
打赏
举报
回复
不知道你取得IE窗口的位置与大小有什么用,如果是为了让你的窗口在一个特定的位置上可以这样!
index.htm(其实这一个页面并不会显示)
<HTML>
<HEAD>
<TITLE>首页</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
body {
margin: 0px;
padding: 0px;
border: none;
}
</style>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
window.open("test.htm","","top="+((screen.availHeight-(screen.availHeight-100))/2)+",left="+((screen.availWidth-(screen.availWidth-100))/2)+",width="+(screen.availWidth-100)+",height="+(screen.availHeight-100));
try{
self.focus();
self.focus();
window.opener=window.name;
window.close();
}catch(exception){}
//-->
</SCRIPT>
</BODY>
</HTML>
test.htm(是你真正要显示的页面)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Test </TITLE>
</HEAD>
<BODY>
此窗口居中
</BODY>
</HTML>
如果只是想要窗口的位置和大小,估计很难!呵呵,可能是我孤陋寡闻吧!
webdevelop
2004-06-10
打赏
举报
回复
var popUpWin=0;
function popUpWindow(URLStr, left, top, width, height)
{
if(popUpWin)
{
if(!popUpWin.closed) popUpWin.close();
}
popUpWin = open(URLStr, 'popUpWin', 'toolbar=no,location=no,directories=no,status=no,menub ar=no,scrollbar=no,resizable=no,copyhistory=yes,width='+width+',height='+height+',left='+left+', top='+top+',screenX='+left+',screenY='+top+'');
}
//URLStr, 打开的链接
//left,到左边的距离
//top, 到顶部的距离
//width,窗口大小
//height,窗口高
wmrwinhap
2004-06-10
打赏
举报
回复
to littleboys(飞龙):
这些都是基于body或body中的对象的属性。我想要基于当前窗口的属性。tks!
littleboys
2004-06-10
打赏
举报
回复
看看这张图。
http://fason.nease.net/image/dhtmlpos.gif
wmrwinhap
2004-06-10
打赏
举报
回复
to fason(阿信):
window.screenLeft,window.screenTop可以取得窗口的位置,Tks!
还是不知如何获取窗口的大小
wmrwinhap
2004-06-10
打赏
举报
回复
我想实现这样的效果:
当用户打开主页(index.htm)时,如果当前窗口较大,则不做任何处理;如果当前窗口较小时,调用window.resizeTo(newwidth,newheight)设置到指定大小并调用window.moveTo(x,y)让它居中。
但resizeto是针对IE窗口的,而IE窗口的大小与body的大小无固定关系(工具条、状态条等因素的影响),不知IE窗口的大小,就很难通过resizeto保证客户端的大小,也很难通过moveTo使窗口居中。
fason
2004-06-10
打赏
举报
回复
NS下可以用window.innerWidth,window.innerHeight,window.screenX,window.screenY(window.screenLeft,window.screenTop)
IE下没办法,可以用onresize来计算获得,但并不一定就是百分百准确
JS获
取
浏览器
窗口
大小
获
取
屏幕
,
浏览器
,网页高度宽度
本文介绍了如何使用JavaScript获
取
浏览器
窗口
的可见区域
大小
、全宽全高、滚动
位置
以及
屏幕
分辨率
等信息。通过document.
body
和window对象的不同属性,可以精确获
取
到网页的clientWidth、clientHeight、offsetWidth、offsetHeight、scrollWidth、scrollHeight等数据,适用于不同
浏览器
环境。示例代码展示了实时更新
浏览器
窗口
尺寸的实现方法。
JS获
取
屏幕
分辨率
及
窗口
尺寸
该博客主要介绍了使用JavaScript获
取
网页和
窗口
尺寸的相关属性。包括网页可见区域、正文全文、被卷去部分的宽高,
屏幕
分辨率
及可用工作区
大小
等。还提及不同
浏览器
获
取
窗口
尺寸的方法差异,以及Document和Window对象相关属性的功能与用法。
JavaScript
87,988
社区成员
224,684
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章