获取窗口的高、宽

简介:
些贴为网上转贴
获取窗口 高 、宽 的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;
};



本文转自Sam Lin博客园博客,原文链接:http://www.cnblogs.com/samlin/archive/2008/05/11/1192459.html,如需转载请自行联系原作者


目录
相关文章
|
安全 新能源 数据安全/隐私保护
行级权限登场,向繁琐的视图授权说拜拜
为了解决视图授权和维护繁琐的问题,Dataphin V4.1 推出行级权限功能,支持灵活控制不同账号对计算引擎表的可见范围,帮助统一构建数据基座的企业,实现各子公司、大区、业务部之间的数据隔离。
235 5
|
网络安全 开发工具 git
|
机器学习/深度学习 自然语言处理
基于深度学习的自然语言处理技术在智能客服系统中的应用
【2月更文挑战第21天】随着人工智能技术的不断发展,自然语言处理(NLP)技术在各个领域得到了广泛应用。本文主要探讨了基于深度学习的自然语言处理技术在智能客服系统中的应用。首先介绍了深度学习和自然语言处理的基本概念,然后分析了智能客服系统的工作原理和技术要求,接着详细阐述了基于深度学习的自然语言处理技术在智能客服系统中的具体应用,包括语义理解、情感分析和问答系统等。最后对基于深度学习的自然语言处理技术在智能客服系统中的优势和挑战进行了总结。
588 1
|
存储 NoSQL 关系型数据库
深度图解 Redis Hash(散列表)实现原理
深度图解 Redis Hash(散列表)实现原理
316 0
|
机器学习/深度学习 人工智能 并行计算
现在都2202年了,用CPU做AI推理训练到底能不能行?
现在都2202年了,用CPU做AI推理训练到底能不能行?
621 0
|
搜索推荐 算法
排序算法详解
排序算法详解
193 0
排序算法详解
|
Java 开发者
if 和 choose 标签 | 学习笔记
快速学习 if 和 choose 标签
204 0
if 和 choose 标签 | 学习笔记
|
机器学习/深度学习
看大牛如何复盘递归神经网络!
复盘递归神经网络,通过复盘,反思,让递归神经网络更完美!
8339 0
|
Go C++ Docker
kube-proxy源码解析
kube-proxy源码解析 ipvs相对于iptables模式具备较高的性能与稳定性, 本文讲以此模式的源码解析为主,如果想去了解iptables模式的原理,可以去参考其实现,架构上无差别。 kube-proxy主要功能是监听service和endpoint的事件,然后下放代理策略到机器上。
1450 0
|
Java 存储
多线程之并发工具类(七)
“工欲善其事必先利其器”,有了这些并发工具,多线程控制变得So easy。 与文无关 JDK中已经给我们内置了很多并发工具,都属于应用类型,知道具体如何使用就好,主要讲以下几个类: CountDownLatch CyclicBarrier Semaphore LockSupport BlockingQueue 这次的几个案例都需要实际运行,看运行效果才明白怎么回事,代码可以直接复制粘贴。