javascript 獲取窗口大小

1. var x = document.body.scrollLeft; 
2. var y = document.body.scrollTop;
4. //獲取屏幕寬度
5.    availWidth = parseInt(window.screen.availWidth);
6.    availHeight = parseInt(window.screen.availHeight);
8. //獲取可見區域 寬度 高度
9.    availWidth = parseInt(document.body.clientWidth);
10.    availHeight = parseInt(document.body.clientHeight);
11.         
12. 可見區域高度:document.body.clientHeight
13. 總高度:document.body.scrollHeight
14. 可見區域寬度:document.body.clientWidth
15. 總寬度:document.body.scrollWidth
17. ==============================================================
19. var getWindowInfo=function()
20. {
21. var scrollX=0,scrollY=0,width=0,height=0,contentWidth=0,contentHeight=0;
22. if(typeof(window.pageXOffset)=='number')
23. {
24.  scrollX=window.pageXOffset;
25.  scrollY=window.pageYOffset;
26. }
27. else if(document.body&&(document.body.scrollLeft||document.body.scrollTop))
28. {
29.  scrollX=document.body.scrollLeft;
30.  scrollY=document.body.scrollTop;
31. }
32. else if(document.documentElement&&(document.documentElement.scrollLeft||document.documentElement.scrollTop))
33. {
34.  scrollX=document.documentElement.scrollLeft;
35.  scrollY=document.documentElement.scrollTop;
36. }
38. if(typeof(window.innerWidth)=='number')
39. {
40.  width=window.innerWidth;
41.  height=window.innerHeight;
42. }
43. else if(document.documentElement&&(document.documentElement.clientWidth||document.documentElement.clientHeight))
44. {
45.  width=document.documentElement.clientWidth;
46.  height=document.documentElement.clientHeight;
47. }
48. else if(document.body&&(document.body.clientWidth||document.body.clientHeight))
49. {
50.  width=document.body.clientWidth;
51.  height=document.body.clientHeight;
52. }
54. if(document.documentElement&&(document.documentElement.scrollHeight||document.documentElement.offsetHeight))
55. {
56.  if(document.documentElement.scrollHeight>document.documentElement.offsetHeight){
57.   contentWidth=document.documentElement.scrollWidth;
58.   contentHeight=document.documentElement.scrollHeight;
59.  }
60.  else
61.  {
62.   contentWidth=document.documentElement.offsetWidth;
63.   contentHeight=document.documentElement.offsetHeight;
64.  }
65. }
66. else if(document.body&&(document.body.scrollHeight||document.body.offsetHeight))
67. {
68.  if(document.body.scrollHeight>document.body.offsetHeight)
69.  {
70.   contentWidth=document.body.scrollWidth;
71.   contentHeight=document.body.scrollHeight;
72.  }else{
73.   contentWidth=document.body.offsetWidth;
74.   contentHeight=document.body.offsetHeight;
75.  }
76. }
77. else
78. {
79.  contentWidth=width;
80.  contentHeight=height;
81. }
82.  if(height>contentHeight)
83.  height=contentHeight;
84.  if(width>contentWidth)
85.  width=contentWidth;
86.  var rect=new Object();
87.  rect.ScrollX=scrollX;
88.  rect.ScrollY=scrollY;
89.  rect.Width=width;
90.  rect.Height=height;
91.  rect.ContentWidth=contentWidth;
92.  rect.ContentHeight=contentHeight;
93.  return rect;
94. }