网页窗口window、文档body高度的获取

转载 2015年11月21日 14:21:59
alert($(window).height()); //浏览器时下窗口可视区域高度
alert($(document).height()); //浏览器时下窗口文档的高度
alert($(document.body).height());//浏览器时下窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器时下窗口可视区域宽度
alert($(document).width());//浏览器时下窗口文档对于象宽度
alert($(document.body).width());//浏览器时下窗口文档body的高度
alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin
  
alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度
alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度

不同浏览器获取DOM元素的各种高度

HTML中高度和宽度的获取,跨浏览器兼容性,以及jQuery中操作
  • l522703297
  • l522703297
  • 2016年02月28日 03:47
  • 5146

js获取浏览器body或窗宽度高度

很多时候我们需要用到js获取窗口的宽度或者高度,每个浏览器会有不同的方法,总结了一下如下: var s = " "; document.documentElement.scrol...
  • jinzhuming0308
  • jinzhuming0308
  • 2016年04月02日 12:22
  • 5152

js取得文档的高度和宽度

网页可见区域宽:document.body.clientWidth  网页可见区域高:document.body.clientHeight  网页可见区域宽:document.body.offse...
  • einsteingauss
  • einsteingauss
  • 2016年06月30日 15:03
  • 4891

$(document).height()获取文档的高度

通过《$(document).height()》获取文档的高度 需注意以下两点: 1.当$(document).height()放在head中时 获取的值与$(window).heigh...
  • HandsomClass
  • HandsomClass
  • 2015年12月09日 09:49
  • 715

html窗口(window)高度、文档(document)高度介绍

html窗口(window)高度、文档(document)高度介绍
  • u013488838
  • u013488838
  • 2016年08月31日 20:28
  • 3734

JS兼容所有浏览器获取浏览器高度和宽度

var w = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;
  • u014798510
  • u014798510
  • 2016年08月19日 10:30
  • 242

Javascript、Jquery获取浏览器和屏幕各种高度宽度

Javascript: alert(document.body.clientWidth);        //网页可见区域宽(body) alert(document.body.clientHei...
  • u013909970
  • u013909970
  • 2015年07月29日 09:20
  • 533

jQuery,javascript获得网页的高度和宽度$(document).height / $(window).height

一、javascript 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽...
  • tingliting
  • tingliting
  • 2015年10月13日 11:52
  • 2667

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

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

不同浏览器获取DOM元素的各种高度

一:HTML中各种高度 一:介绍不止一次被HTML中各种高度和宽度搞晕了,搞的每次做项目时都要去查相关的资料。趁着有时间好好把这块的资料整理一下,以被以后使用。下面是一张W3C中Window对象属性...
  • YZi_Angel
  • YZi_Angel
  • 2016年11月02日 16:10
  • 608
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网页窗口window、文档body高度的获取
举报原因:
原因补充:

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