Acroidea » JavaScript http://www.acroidea.com Fri, 30 Jul 2010 09:31:09 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Get viewport size (width and height) with javascript http://www.acroidea.com/index.php/2009/08/18/get-viewport-size-width-and-height-with-javascript/ http://www.acroidea.com/index.php/2009/08/18/get-viewport-size-width-and-height-with-javascript/#comments Tue, 18 Aug 2009 05:41:39 +0000 chris http://www.acroidea.com/?p=207 
<script type="text/javascript">
<!--

 var viewportwidth;
 var viewportheight;

 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight

 if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }

// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

 else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 {
       viewportwidth = document.documentElement.clientWidth,
       viewportheight = document.documentElement.clientHeight
 }

 // older versions of IE

 else
 {
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
       viewportheight = document.getElementsByTagName('body')[0].clientHeight
 }
document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
//-->
</script>

]]> http://www.acroidea.com/index.php/2009/08/18/get-viewport-size-width-and-height-with-javascript/feed/ 2 Javascript 获取窗口宽度和高度值 http://www.acroidea.com/index.php/2009/04/05/javascript-window-width-height/ http://www.acroidea.com/index.php/2009/04/05/javascript-window-width-height/#comments Sun, 05 Apr 2009 14:39:59 +0000 chris http://www.acroidea.com/?p=166 获取页面高度，窗口高度，滚动条高度等参数值：
  1. function getPageScroll(){
  2. var yScroll;
  3. if (self.pageYOffset) {
  4. yScroll = self.pageYOffset;
  5. } else if (document.documentElement && document.documentElement.scrollTop){   // Explorer 6 Strict
  6. yScroll = document.documentElement.scrollTop;
  7. } else if (document.body) {// all other Explorers
  8. yScroll = document.body.scrollTop;
  9. }
  10. arrayPageScroll = new Array(”,yScroll)
  11. return arrayPageScroll;
  12. }
  13. function getPageSize(){
  14. var xScroll, yScroll;
  15. if (window.innerHeight && window.scrollMaxY) {
  16. xScroll = document.body.scrollWidth;
  17. yScroll = window.innerHeight + window.scrollMaxY;
  18. } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
  19. xScroll = document.body.scrollWidth;
  20. yScroll = document.body.scrollHeight;
  21. } else { // Explorer Mac…would also work in Explorer 6 Strict, Mozilla and Safari
  22. xScroll = document.body.offsetWidth;
  23. yScroll = document.body.offsetHeight;
  24. }
  25. var windowWidth, windowHeight;
  26. if (self.innerHeight) {  // all except Explorer
  27. windowWidth = self.innerWidth;
  28. windowHeight = self.innerHeight;
  29. } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
  30. windowWidth = document.documentElement.clientWidth;
  31. windowHeight = document.documentElement.clientHeight;
  32. } else if (document.body) { // other Explorers
  33. windowWidth = document.body.clientWidth;
  34. windowHeight = document.body.clientHeight;
  35. }
  37. // for small pages with total height less then height of the viewport
  38. if(yScroll < windowHeight){
  39. pageHeight = windowHeight;
  40. } else {
  41. pageHeight = yScroll;
  42. }
  43. if(xScroll < windowWidth){
  44. pageWidth = windowWidth;
  45. } else {
  46. pageWidth = xScroll;
  47. }
  48. arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
  49. return arrayPageSize;
  50. }
]]> http://www.acroidea.com/index.php/2009/04/05/javascript-window-width-height/feed/ 0