JS,Jquery获取各种屏幕的宽度和高度

转载 2015年11月20日 13:50:17

Javascript:

网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕分辨率的高: window.screen.height
屏幕分辨率的宽: window.screen.width
屏幕可用工作区高度: window.screen.availHeight
屏幕可用工作区宽度: window.screen.availWidth

 

JQuery:

$(document).ready(function(){
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

})




JS,Jquery获取屏幕的宽度和高度,分辨率

Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: doc...
  • permike
  • permike
  • 2016年03月29日 10:33
  • 8197

js、jQuery获取页面中的各种宽度和高度

在JavaScript和jQuery中,对获取各种高度和宽度都有定义方法和属性,下面我们主要来说明一下获取窗口和文档的高度(宽度与高度相同)。jQuery中的方法 $(document).hei...
  • u014346301
  • u014346301
  • 2016年08月25日 14:56
  • 1034

JavaScript与jQuery中获取屏幕的宽度和高度的常用方法以及HTML中精确定位

浏览器的宽高示意图: JavaScript中常用的方法: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHe...
  • shenlei19911210
  • shenlei19911210
  • 2015年08月11日 09:20
  • 2024

js,jq获取屏幕的各种高度

Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: doc...
  • u012999318
  • u012999318
  • 2015年10月19日 11:52
  • 1945

JS和jquery获取各种屏幕的宽度和高度

在《  pc页面按比例缩放嵌入移动页面显示 》中,需要用到计算当前页面的宽度,结合iframe的宽度来调整iframe的大小,在前文中计算当前页面宽度使用的是 window.scre...
  • mmoooodd
  • mmoooodd
  • 2017年02月21日 11:33
  • 766

JavaScript及jQuery中的各种宽高属性图解

原文链接 http://blog.poetries.top/2016/12/13/js-props 声明:本文根据慕课网学习视频整理 强烈建议打开控制台自己动手练习一遍,这样印象才会深刻第一部分...
  • jingguanliuye
  • jingguanliuye
  • 2016年12月23日 09:01
  • 1457

JS及jQuery获取各种宽度、高度的简单介绍以及判断滚动条滚动到底部事件

JS获取各种宽度、高度的简单介绍: JS获取各种宽度、高度的简单介绍: scrollHeight: 获取对象的滚动高度。  scrollLeft:设置或获取位于对象左边界和窗...
  • xiejinwen
  • xiejinwen
  • 2017年05月18日 23:46
  • 1977

js获取屏幕(设备)宽高

script language="javascript"> var h = ""; h += " 网页可见区域宽:"+ document.body.clientWidth+"\n"; h += " 网...
  • cwzhsi
  • cwzhsi
  • 2015年07月20日 19:44
  • 3350

JavaScript获取屏幕和页面的宽度和高度

JavaScript获取屏幕和页面的宽度和高度 1、设计源码 宽度和高度 function widthAndHeight() { //网页可见区域宽 var c...
  • you23hai45
  • you23hai45
  • 2014年03月18日 22:25
  • 2613

js 获取整个屏幕的可用宽度和可用高度

screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如窗口任务栏。 screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如窗...
  • wuji_1
  • wuji_1
  • 2014年05月28日 15:05
  • 1230
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS,Jquery获取各种屏幕的宽度和高度
举报原因:
原因补充:

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