社区
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窗口的位置与大小等属性如何获得呢?
...全文
399
10
打赏
收藏
如何取IE浏览器的窗口的位置与大小?非body的位置与大小,也不是屏幕的分辨率
如何取IE浏览器窗口的位置与大小?非body的位置与大小,也不是屏幕的分辨率 我知道body的宽度属性:document.body.clientWidth,document.body.offsetWidth,document.body.scrollWidth 及屏幕的宽度属性:screen.width, screen.availWidth IE窗口的位置与大小等属性如何获得呢?
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用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来计算获得,但并不一定就是百分百准确
关于获
取
各种
浏览器
可见
窗口
大小
1. **IE
浏览器
**: - 如果页面没有定义W3C标准(例如,没有使用`<!DOCTYPE>`声明),那么: - `document.
body
.clientWidth` 和 `document.
body
.clientHeight` 返回的是文档体的尺寸。 - `document....
IE与FF下javascript获
取
网页及
窗口
大小
的区别详解
另外,在一些
非
标准的
浏览器
环境中,比如旧版的IE
浏览器
中,如果页面中有DTD声明,那么document.
body
.clientXXX和document.documentElement.clientXXX可能都会有不同的表现。 根据文章内容,实际开发中在IE
浏览器
下...
js中的如何定位固定层的
位置
.docx
在
非
标准模式(通常是缺少DOCTYPE声明的旧版IE
浏览器
)下,`document.
body
.scrollTop`和`document.
body
.scrollLeft`可以获
取
页面滚动的距离。但在W3C标准模式下(如XHTML文档),`document.
body
.scrollTop`通常返回0...
js获
取
浏览器
高度和宽度值(多
浏览器
)
首先,我们来看IE
浏览器
中的方法: 1. `document.
body
.clientWidth`:返回
BODY
元素的宽度,不包括滚动条和边框。 2. `document.
body
.clientHeight`:返回
BODY
元素的高度,同样不包括滚动条和边框。 3. `document....
JS获
取
页面
窗口
大小
的代码解读
而IE
浏览器
则需要深入Document内部对
body
元素进行检测。而在DOM(文档对象模型)环境下,为了获
取
窗口
尺寸,应关注HTML文档的根节点的尺寸,而
非
<
body
>元素。 JavaScript提供了几个属性来获
取
窗口
的尺寸: - `...
JavaScript
87,992
社区成员
224,698
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章