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. };