zoukankan      html  css  js  c++  java
  • [转]JavaScript 获得页面区域大小的代码

    JavaScript 获得页面区域大小的代码

    getPageSize函数返回一个数组,前两个是整个页面的宽度和高度,后两个是页面窗口的宽度和高度 

    function getPageSize() 

        {
            var xScroll, yScroll;
            
    if (window.innerHeight && window.scrollMaxY)
            {
                xScroll 
    = document.body.scrollWidth;
                yScroll 
    = window.innerHeight + window.scrollMaxY;
            } 
            
    else if (document.body.scrollHeight > document.body.offsetHeight) 
            {
                xScroll 
    = document.body.scrollWidth;
                yScroll 
    = document.body.scrollHeight;
            } 
            
    else 
            {
                xScroll 
    = document.body.offsetWidth;
                yScroll 
    = document.body.offsetHeight;
            }
            var windowWidth, windowHeight;
            
    if (self.innerHeight) 
            {
                windowWidth 
    = self.innerWidth;
                windowHeight 
    = self.innerHeight;
            } 
            
    else if (document.documentElement && document.documentElement.clientHeight) 
            {
                windowWidth 
    = document.documentElement.clientWidth;
                windowHeight 
    = document.documentElement.clientHeight;
            } 
            
    else if (document.body) 
            {
                windowWidth 
    = document.body.clientWidth;
                windowHeight 
    = document.body.clientHeight;
            }
            
    if (yScroll < windowHeight) 
            {
                pageHeight 
    = windowHeight;
            } 
            
    else 
            {
                pageHeight 
    = yScroll;
            }
            
    if (xScroll < windowWidth) 
            {
                pageWidth 
    = windowWidth;
            } 
            
    else 
            {
                pageWidth 
    = xScroll;
            }
            arrayPageSize 
    = new Array(pageWidth, pageHeight, windowWidth, windowHeight);
            
    return arrayPageSize;
        }
  • 相关阅读:
    功能超级丰富的彩色贪吃蛇,有道具,有等级!
    【Android开发经验】LayoutInflater—— 你可能对它并不了解甚至错误使用
    数据库常见面试题总结
    数据结构——算法之(041)(寻找数组中的最大值和最小值)
    Riak VClock
    【面试虐菜】—— JAVA面试题(2)
    【面试虐菜】—— MongoDB知识整理
    【面试虐菜】—— Oracle知识整理《收获,不止Oracle》
    【面试虐菜】—— Oracle知识整理《DBA的思想天空》
    【面试虐菜】—— Oracle中CHAR、VARCHAR的区别
  • 原文地址:https://www.cnblogs.com/wubiyu/p/1293792.html
Copyright © 2011-2022 走看看