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;
        }
  • 相关阅读:
    docker安装和hub
    sql获取时间、年龄
    在eclipse中配置Tomcat时,出现“Cannot create a server using the selected type”的错误。
    ajax简单做html查询删除(鲜花)
    java使用jsp建立项目+视频
    java根据数据库自动生成代码
    java连接数据库增删改查公共方法
    制作二维码java
    富文本编译器
    java字符串类型和时间类型的转换
  • 原文地址:https://www.cnblogs.com/wubiyu/p/1293792.html
Copyright © 2011-2022 走看看