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;
        }
  • 相关阅读:
    spring与springmvc父子容器
    spring容器BeanFactory简单例子
    spring整体架构
    css中".",",",“~”和“>”符号的意义
    CSS中的块级元素与行级元素
    java反射和动态代理
    thymeleaf的fragment例子
    编写一个简单的 JDBC 程序
    http://localhost/ 或 http://127.0.0.1/ 报错:HTTP 404 的解决办法
    教你如何清除 MyEclipse/Eclipse 中 Web Browser 和 Switch Workspace 的历史记录
  • 原文地址:https://www.cnblogs.com/wubiyu/p/1293792.html
Copyright © 2011-2022 走看看