• 获取窗口的高、宽



    些贴为网上转贴
    获取窗口 高 、宽 的JS代码 
    var getViewPortWidth = function()
    {
        
    var width = 0;

        
    if ((document.documentElement) && (document.documentElement.clientWidth))
        {
            width 
    = document.documentElement.clientWidth;
        }
        
    else if ((document.body) && (document.body.clientWidth))
        {
            width 
    = document.body.clientWidth;
        }
        
    else if (window.innerWidth)
        {
            width 
    = window.innerWidth;
        }

        
    return width;
    };

    var getViewPortHeight = function()
    {
        
    var height = 0;

        
    if (window.innerHeight)
        {
            height 
    = window.innerHeight - 18;
        }
        
    else if ((document.documentElement) && (document.documentElement.clientHeight))
        {
            height 
    = document.documentElement.clientHeight;
        }

        
    return height;
    };

    var getContentHeight = function()
    {
        
    if ((document.body) && (document.body.offsetHeight))
        {
            
    return document.body.offsetHeight;
        }

        
    return 0;
    };

    var getViewPortScrollX = function()
    {
        
    var scrollX = 0;

        
    if ((document.documentElement) && (document.documentElement.scrollLeft))
        {
            scrollX 
    = document.documentElement.scrollLeft;
        }
        
    else if ((document.body) && (document.body.scrollLeft))
        {
            scrollX 
    = document.body.scrollLeft;
        }
        
    else if (window.pageXOffset)
        {
            scrollX 
    = window.pageXOffset;
        }
        
    else if (window.scrollX)
        {
            scrollX 
    = window.scrollX;
        }

        
    return scrollX;
    };

    var getViewPortScrollY = function()
    {
        
    var scrollY = 0;

        
    if ((document.documentElement) && (document.documentElement.scrollTop))
        {
            scrollY 
    = document.documentElement.scrollTop;
        }
        
    else if ((document.body) && (document.body.scrollTop))
        {
            scrollY 
    = document.body.scrollTop;
        }
        
    else if (window.pageYOffset)
        {
            scrollY 
    = window.pageYOffset;
        }
        
    else if (window.scrollY)
        {
            scrollY 
    = window.scrollY;
        }

        
    return scrollY;
    };
    转载请注明出处[http://samlin.cnblogs.com/

    欢迎关注本人公众号:

    作者赞赏
  • 相关阅读:
    OpenOffice 在 Linux 下安装使用
    LINUX环境使用rpm命令安装gcc
    用shell脚本执行mysql脚本
    CentOS 7下用firewall-cmd控制端口与端口转发详解(转载)
    Hive字段中文注释乱码解决办法
    真正从零开始,TensorFlow详细安装入门图文教程!
    九、Oracle SQL(优化专题&分表分区)
    八、Oracle SQL(聚合函数&标量函数)
    七、Oracle SQL(Oracle 定时任务基础)
    六、Oracle SQL(游标&RECORD&存过、游标、RECORD整合)
  • 原文地址:https://www.cnblogs.com/samlin/p/1192459.html
Copyright © 2020-2023  润新知