`

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

    博客分类：
  • 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 代码
  1.      function showtable(layer,index)   
  2.      {   
  3.          var     s   =   "";      
  4.            s   +=   "\r\n网页可见区域宽："+   document.body.clientWidth;      
  5.            s   +=   "\r\n网页可见区域高："+   document.body.clientHeight;      
  6.            s   +=   "\r\n网页可见区域宽："+   document.body.offsetWidth     +"   (包括边线和滚动条的宽)";      
  7.            s   +=   "\r\n网页可见区域高："+   document.body.offsetHeight   +"   (包括边线的宽)";      
  8.            s   +=   "\r\n网页正文全文宽："+   document.body.scrollWidth;      
  9.            s   +=   "\r\n网页正文全文高："+   document.body.scrollHeight;      
  10.            s   +=   "\r\n网页被卷去的高："+   document.body.scrollTop;      
  11.            s   +=   "\r\n网页被卷去的左："+   document.body.scrollLeft;      
  12.            s   +=   "\r\n网页正文部分上："+   window.screenTop;      
  13.            s   +=   "\r\n网页正文部分左："+   window.screenLeft;      
  14.            s   +=   "\r\n屏幕分辨率的高："+   window.screen.height;      
  15.            s   +=   "\r\n屏幕分辨率的宽："+   window.screen.width;      
  16.            s   +=   "\r\n屏幕可用工作区高度："+   window.screen.availHeight;      
  17.            s   +=   "\r\n屏幕可用工作区宽度："+   window.screen.availWidth;      
  18.            s   +=   "\r\n你的屏幕设置是   "+   window.screen.colorDepth   +"   位彩色";      
  19.            s   +=   "\r\n你的屏幕设置   "+   window.screen.deviceXDPI   +"   像素/英寸";   
  20.          var scrHei=document.body.scrollTop;   
  21.          var scrLef=document.body.scrollLeft;   
  22.          var posit=scrHei+event.clientY;   
  23. alert(s+"\n\n\n纵向焦点："+posit+"        横向焦点："+(scrLef+event.clientX));   
  24.      }  
当然这个例子你还可以将其继续发挥一下，比如，当点击某个页面元素时，或者鼠标悬停到某个页面元素时，你可以利用层来实现漂亮的提示信息等等。
 
分享到：
| 详解Hibernate与WebService结合使用
评论
1 楼 danlley 2007-07-17  
<BODY onclick=showtable() leftMargin=0 topMargin=2 rightMargin=0>
发表评论

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

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics