也许过去我不是一个好孩子,但现在我要做个好爸爸...... 注册 | 登陆

JavaScript判断页面大小的函数

  不想在页面底部和右边显示滚动条,或者根据窗口大小控制层的大小?这个JavaScript函数或许对你有用!该函数在IE 6.0、Firefox 2.0、Netscape 8.1、Opera 9.24中均测试通过。

JavaScript代码
  1. function getPageSize(){
  2.     var xScroll, yScroll;
  3.     if (window.innerHeight && window.scrollMaxY) {
  4.         xScroll = document.body.scrollWidth;
  5.         yScroll = window.innerHeight + window.scrollMaxY;
  6.     } else if (document.body.scrollHeight > document.body.offsetHeight){
  7.         xScroll = document.body.scrollWidth;
  8.         yScroll = document.body.scrollHeight;
  9.     } else {
  10.         xScroll = document.body.offsetWidth;
  11.         yScroll = document.body.offsetHeight;
  12.     }    
  13.  
  14.     var windowWidth, windowHeight;
  15.     if (self.innerHeight) {
  16.         windowWidth = self.innerWidth;
  17.         windowHeight = self.innerHeight;
  18.     } else if (document.documentElement && document.documentElement.clientHeight) {
  19.         windowWidth = document.documentElement.clientWidth;
  20.         windowHeight = document.documentElement.clientHeight;
  21.     } else if (document.body) {
  22.         windowWidth = document.body.clientWidth;
  23.         windowHeight = document.body.clientHeight;
  24.     }
  25.  
  26.     if(yScroll < windowHeight){
  27.         pageHeight = yScroll;
  28.     } else {
  29.         pageHeight = windowHeight;
  30.     }
  31.  
  32.     if(xScroll < windowWidth){
  33.         pageWidth = xScroll;
  34.     } else {
  35.         pageWidth = windowWidth;
  36.     }
  37.  
  38.     arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
  39.     return arrayPageSize;
  40. }

  该函数返回的是一个数组,宽和高各有两个值,可以根据需要取舍。

Tags: javascript

« 上一篇 | 下一篇 »

只显示5条记录相关文章

JavaScript控制iFrame在IE与FireFox中... (浏览: 16099, 评论: 3)
JavaScript修改CSS属性函数 (浏览: 11470, 评论: 0)
支持FireFox的JavaScript表格操作函数 (浏览: 9820, 评论: 0)

发表评论

评论内容 (必填):