javascript窗口宽高,鼠标位置,滚动高度

  1. 网页可见区域宽: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

  2. function getmXY(e){//鼠标位置
  1. if (!document.all ) {
  2. this.x=e.pageX;
  3. this.y=e.pageY;
  4. }else {
  5. this.x=document.body.scrollLeft+event.clientX;
  6. this.y=document.body.scrollTop+event.clientY;
  7. };
  8. //滚动高度
  9. if  (self.pageYOffset )  {
  10. this.yScroll = self.pageYOffset;
  11. } else if  (document.documentElement && document.documentElement.scrollTop ) { // Explorer  6 Strict
  12. this.yScroll = document.documentElement.scrollTop;
  13. } else if  (document.body )  {// all other Explorers
  14. this.yScroll = document.body.scrollTop;
  15. };
  16. //视窗尺寸
  17. if  (self.innerHeight )  { // all except Explorer
  18. this.winWidth = self.innerWidth;
  19. this.winHeight = self.innerHeight;
  20. } else if  (document.documentElement && document.documentElement.clientHeight )  { // Explorer  6 Strict Mode
  21. this.winWidth = document.documentElement.clientWidth;
  22. this.winHeight = document.documentElement.clientHeight;
  23. } else if  (document.body )  { // other Explorers
  24. this.winWidth = document.body.clientWidth;
  25. this.winHeight = document.body.clientHeight;
  26. };
  27. };
  28. function getwininfo (e ) {
  29. var windowinfo = new getmXY (e );
  30. window.status =  “鼠标X:”+windowinfo.x+ “鼠标Y:”+windowinfo.y+ “窗口宽:”+windowinfo.winWidth+ “窗口高:”+windowinfo.winHeight+ “滚动高度:”+windowinfo.yScroll;
  31. }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值