资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

jquery获取屏幕的高度,js 获取屏幕高度

js 如何获取浏览器的高度?

js获取浏览器可见区域(不包括标题栏、地址栏、收藏夹栏状态栏等额外区域,仅为页面呈现区域)的高度和宽度

专注于为中小企业提供成都做网站、成都网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业广信免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了超过千家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

宽度:document.documentElement.clientWidth

高度:document.documentElement.clientHeight

文档类型:XHTML1.0

浏览器:ALL

怎么获取网页高度,屏幕高度,滚动高度

jQuery的api文档中有列出来,获取网页的滚动高度用方法:scrollTop() 即可。注意:要获取网页的滚动高度,兼容所有浏览器的写法是获取window对象然后调用scrollTop()函数。简单示例:alert($(window).scrollTop());jQuery的api文档目录翻译见:

var winHeight=$(window).height();这句话是获取屏幕高度,请问我怎样应用到具体某个div里呢?

$(window)是jquery 对象, 加.height()  也是就是获取窗口高度

同理,如果你想获取某个div的高度可以使用

var divHeight = $("div").height();

/*或者*/

var divHeight = $("div")[0].offsetHeight;

$("div")是jquery对象,$("div")[0] 或者 $("div").get(0)是dom对象

但是在开发中会有很多坑  这点你得注意

如果 当前的 元素是 隐藏状态 display : none

那你是无法通过上述方法和获取宽高的  ,所以在开发中如果没有获取到宽高,就要留意上面的代码在执行的时候 该元素是不是在隐藏状态

如果你想把 屏幕的高度 赋值给div

$("div").height(winHeight)

// 或者

$("div")[0].offsetHeight = winHeight


分享文章:jquery获取屏幕的高度,js 获取屏幕高度
文章分享:http://cdkjz.cn/article/dsgppse.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220