jQuery 获取屏幕高度、宽度

Myth丶恋晨 2022-07-24 10:07 363阅读 0赞 
  1. alert($(window).height()); //浏览器当前窗口可视区域高度
  3. alert($(document).height()); //浏览器当前窗口文档的高度
  5. alert($(document.body).height());//浏览器当前窗口文档body的高度
  7. alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
  9. alert($(window).width()); //浏览器当前窗口可视区域宽度
  11. alert($(document).width());//浏览器当前窗口文档对象宽度
  13. alert($(document.body).width());//浏览器当前窗口文档body的高度
  15. alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
  19. // 获取页面的高度、宽度
  21. function getPageSize() {
  23. var xScroll, yScroll;
  25. if (window.innerHeight && window.scrollMaxY) {
  27. xScroll = window.innerWidth + window.scrollMaxX;
  29. yScroll = window.innerHeight + window.scrollMaxY;
  31. } else {
  33. if (document.body.scrollHeight > document.body.offsetHeight) { // all but Explorer Mac
  35. xScroll = document.body.scrollWidth;
  37. yScroll = document.body.scrollHeight;
  39. } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
  41. xScroll = document.body.offsetWidth;
  43. yScroll = document.body.offsetHeight;
  45. }
  47. }
  49. var windowWidth, windowHeight;
  51. if (self.innerHeight) { // all except Explorer
  53. if (document.documentElement.clientWidth) {
  55. windowWidth = document.documentElement.clientWidth;
  57. } else {
  59. windowWidth = self.innerWidth;
  61. }
  63. windowHeight = self.innerHeight;
  65. } else {
  67. if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
  69. windowWidth = document.documentElement.clientWidth;
  71. windowHeight = document.documentElement.clientHeight;
  73. } else {
  75. if (document.body) { // other Explorers
  77. windowWidth = document.body.clientWidth;
  79. windowHeight = document.body.clientHeight;
  81. }
  83. }
  85. }
  87. // for small pages with total height less then height of the viewport
  89. if (yScroll < windowHeight) {
  91. pageHeight = windowHeight;
  93. } else {
  95. pageHeight = yScroll;
  97. }
  99. // for small pages with total width less then width of the viewport
  101. if (xScroll < windowWidth) {
  103. pageWidth = xScroll;
  105. } else {
  107. pageWidth = windowWidth;
  109. }
  111. arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight);
  113. return arrayPageSize;
  115. }
  119. // 滚动条
  121. document.body.scrollTop;
  123. $(document).scrollTop();

源引：http://www.cnblogs.com/hoojo/archive/2012/02/16/2354663.html

发表评论

表情：
评论列表 （有 0 条评论，363人围观）

还没有评论，来说两句吧...

相关阅读