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

摘要:
=-1){clientHeight=document.dococumentElement.scrollHeight;}returnclientHeight;}//获取页面内容高度函数getContentHeight(){//可见高度varContentHeight=document.body.sollHeight;//其他浏览器的默认值为if(navigator.userAgent.indexOf(“Chrome”)!
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 6789 Firefox Chrome 【转】》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇redis、memcached、mongoDB 对比nginx 4层tcp代理获取真实ip下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

require.js

Javascript模块化编程:require.js的用法 一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。   <script src="http://t.zoukankan...

js实现上传图片

<div class="upload-wrap"> <!--<div>添加图片(限4张)</div>--> <ul class="upload am-cf am-gallery" data-am-widget="galler...

原生JS实现双向链表

1.前言 双向链表和单向链表的区别在于,在链表中,一个节点只有链向下一个节点的链接,而在双向链表中,链接是双向的:一个链向下一个元素,另一个链向前一个元素,如下图所示: 从图中可以看到,双向链表中,在每个节点Node里有prev属性(指向上一个节点的指针)和next属性(指向下一个节点的指针),并且在链表中也有head属性(用来存储链表第一项的引用)和ta...

Nodejs介绍及npm工具使用

一、Nodejs介绍   Nodejs英文网:https://nodejs.org/en/   Nodejs中文网:http://nodejs.cn/ Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。 Node.js 的包管理器 npm,...

.Net魔法堂:史上最全的ActiveX开发教程——ActiveX与JS间交互篇

一、前言                             经过上几篇的学习,现在我们已经掌握了ActiveX的整个开发过程,但要发挥ActiveX的真正威力,必须依靠JS。下面一起来学习吧! 二、JS调用ActiveX方法                     只需在UserControl子类中(即自定义的ActiveX控件中),编写公共方法即可...

前端常见跨域解决方案

什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。 广义的跨域: 1.) 资源跳转: A链接、重定向、表单提交 2.) 资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face...