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;
        }
  • 相关阅读:
    Python 魔法方法
    使用PHP7来批量更新MangoDB数据
    git 小乌龟安装教程
    webpack初学者(1)
    移动端与PC端的触屏事件
    解决onclick事件的300ms延时问题
    尺寸单位em,rem,vh,vw
    ngRoute 与ui.router区别
    angular.js的依赖注入解析
    ionic的基础学习(第一篇)
  • 原文地址:https://www.cnblogs.com/wubiyu/p/1293792.html
Copyright © 2011-2022 走看看