JS 获取网页内容高度 和 网页可视高度 支持IE 6789 Firefox Chrome

转载 2013年12月03日 10:58:09
function getClientHeight()
{
    //可见高
    var clientHeight=document.body.clientHeight;//其它浏览器默认值
    if(navigator.userAgent.indexOf("MSIE 6.0")!=-1)
    {
        clientHeight=document.body.clientHeight;
    }
    else if(navigator.userAgent.indexOf("MSIE")!=-1)
    {
        //IE7 IE8
        clientHeight=document.documentElement.offsetHeight
    }

    if(navigator.userAgent.indexOf("Chrome")!=-1)
    {
        clientHeight=document.body.scrollHeight;
    }

    if(navigator.userAgent.indexOf("Firefox")!=-1)
    {
        clientHeight=document.documentElement.scrollHeight;
    }
    return clientHeight;
}

//获得网页内容高度
function getContentHeight()
{
    //可见高
    var ContentHeight=document.body.scrollHeight;//其它浏览器默认值

    if(navigator.userAgent.indexOf("Chrome")!=-1)
    {
        ContentHeight= document.body.clientHeight;
    }

    if(navigator.userAgent.indexOf("Firefox")!=-1)
    {
        ContentHeight=document.body.offsetHeight;
    }
    return ContentHeight;
}


js 获取页面高度和宽度兼容 ie firefox chrome等

//得到页面高度 var yScroll = (document.documentElement.scrollHeight >document.documentElement.clientHeigh...
  • alex8046
  • alex8046
  • 2016年05月19日 18:43
  • 1345

javascript取窗口的可视高度和页面的内容高度 兼容所有浏览器

用javascript在不同的浏览器中取窗口的可视高度和页面的内容高度是个烦心的事,所用的html标准不同、页面的内容高度是否超过窗口的可视高度都会对取值产生影响,所用到的取值方法也不同。 一、取窗...
  • cestarme
  • cestarme
  • 2011年06月18日 12:05
  • 3560

解决IE,Firefox,chrome,safari浏览器中iframe显示高度自适应问题

在页面上用了iframe带来方便的同时也带来了麻烦,在IE6里能正常显示的iframe在其他的浏览器里确十分丑陋而不方便。 为了解决IE,Firefox,chrome,safari中iframe显示...
  • fyh2003
  • fyh2003
  • 2015年03月05日 13:44
  • 1564

js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度

获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。 IE中,浏览器显示窗口大小只能以下获取: 代码如下: document.body.offsetWidth; document.b...
  • u014395524
  • u014395524
  • 2015年10月22日 17:20
  • 3183

js获取可视区域与body的宽高

可视区域的宽高: document.documentElement.clientWidth;    document.documentElement.clientHeight; body...
  • qq_29999249
  • qq_29999249
  • 2017年03月11日 13:52
  • 2472

js获取各种浏览器窗口可视部分大小(可视部分不包含工具栏、标签栏等)

js获取各种浏览器窗口可视部分大小(可视部分不包含工具栏、标签栏等) function getViewportSize(w){ w= w || window; //除了IE8以及更早版本外,...
  • xuanwuziyou
  • xuanwuziyou
  • 2016年11月25日 15:58
  • 716

纯CSS调整select选择框高度,兼容IE/Firefox/Opera/Safair/Chrome

在IE下直接用height、border定义select没有效果,目前大部分情况都是用js进行模拟,其实css也是可以做得到的,原理很简单,隐藏select选择框的原生边框,再用其他元素模拟内边距及边...
  • yfs2468
  • yfs2468
  • 2013年07月19日 14:58
  • 2780

[javascript] js 获取页面可视区高度和滚动条高度

获取可视区高度: var clientHeight = document.documentElement.
  • u012099869
  • u012099869
  • 2014年08月13日 10:37
  • 1012

js获取iPhone 微信, qq ,uc, 的页面屏幕的高度

Safari alert(document.body.clientHeight);//460 alert(document.body.offsetHeight);//4...
  • qq_22823581
  • qq_22823581
  • 2017年06月26日 09:27
  • 638

一些常用的获取页面高度和宽度的js用法

在开发中,经常会用到页面或者页面某一部分的高度和宽度,网上答案很多,我在这里也整理了一些常用的获取高度和宽度的js用法,供开发者参考...
  • Yyang_csdn
  • Yyang_csdn
  • 2016年11月08日 15:08
  • 1119
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS 获取网页内容高度 和 网页可视高度 支持IE 6789 Firefox Chrome
举报原因:
原因补充:

(最多只允许输入30个字)