随笔-121  评论-1530  文章-1  trackbacks-99

获取窗口 高 、宽 的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;
};
作者:QLeelulu Follow QLeelulu on Twitter
出处:http://QLeelulu.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利
标签: javascript
posted on 2008-04-14 17:05 Q.Lee.lulu 阅读(468) 评论(2) 编辑 收藏

评论:
#1楼 2008-04-19 11:14 | MK2      
哈哈,曾几何时啊,做过类似的事情,突然感动着。。。。
 回复 引用 查看   
#2楼[楼主] 2009-01-16 15:00 | Q.Lee.lulu      
jQuery:
$().scrollTop()、$().width()、$().height()

 回复 引用 查看   
发表评论

昵称: [登录] [注册]

主页:

邮箱:(仅博主可见)

评论内容:

  登录  注册

[使用Ctrl+Enter键快速提交评论]

0 1153024 5wqz+nPpedg=
昵称: lulu
网名: QLeelulu
大学: GDUT
城市: 广州=>珠海
职业: 打字员
CO. : PowerEasy => KingSoft
Mail: QLeelulu@163(gmail).com

Who Am I ?


Follow QLeelulu on Twitter
交流群 ASP.NET MVC交流群:
QQ群:1215279(满)
2群:1214648(满)
3群:47788243
(加的时候请注明)



昵称:Q.Lee.lulu
园龄:4年3个月
荣誉:推荐博客
粉丝:318
关注:7
<2008年4月>
303112345
6789101112
13141516171819
20212223242526
27282930123
45678910

搜索

 

常用链接

我的标签

随笔分类

随笔档案

.NET 资源

PowerEasy

我的好友

积分与排名

  • 积分 - 734316
  • 排名 - 65

最新评论

阅读排行榜

评论排行榜

推荐排行榜