在Javascript中用来获取页面焦点信息

danlley

浏览: 371111 次
性别:
来自: 西安

最近访客更多访客>>

ybfjavaeye

yhgzjzxz

郭自峰

我心悸

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

J2EE

JavaScript 工作

在Javascript中用来获取页面焦点信息的常用属性如下：

网页可见区域宽： document.body.clientWidth;
网页可见区域高： document.body.clientHeight;
网页可见区域宽： document.body.offsetWidth       (包括边线和滚动条的宽)
网页可见区域高： document.body.offsetHeight     (包括边线的宽)
网页正文全文宽： document.body.scrollWidth;
网页正文全文高： document.body.scrollHeight;
网页被卷去的高： document.body.scrollTop;
网页被卷去的左： document.body.scrollLeft;
网页正文部分上： window.screenTop;
网页正文部分左： window.screenLeft;
屏幕分辨率的高： window.screen.height;
屏幕分辨率的宽： window.screen.width;
屏幕可用工作区高度： window.screen.availHeight;
屏幕可用工作区宽度： window.screen.availWidth;
你的屏幕设置是     window.screen.colorDepth     位彩色
你的屏幕设置     window.screen.deviceXDPI     像素/英寸

下面是一个使用Javascript的一个简单例子：

js 代码

function showtable(layer,index)
{
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网页被卷去的高："+ document.body.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 +" 像素/英寸";
var scrHei=document.body.scrollTop;
var scrLef=document.body.scrollLeft;
var posit=scrHei+event.clientY;
alert(s+"\n\n\n纵向焦点："+posit+" 横向焦点："+(scrLef+event.clientX));
}

当然这个例子你还可以将其继续发挥一下，比如，当点击某个页面元素时，或者鼠标悬停到某个页面元素时，你可以利用层来实现漂亮的提示信息等等。

分享到：

Oracle 数据库总结 | 详解Hibernate与WebService结合使用

2007-07-17 16:59
浏览 4222
评论(1)
查看更多

1 楼 danlley 2007-07-17

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论