js获取各种屏幕高度

转载 2015年11月19日 14:21:53


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,jq获取屏幕的各种高度

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

js或jQuery获取当前屏幕的各种高度

Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: docum...
  • zzqworkspace
  • zzqworkspace
  • 2017年05月25日 13:38
  • 3381

jQuery的height()和JavaScript的height总结,js获取屏幕高度

jquery的各种高度 首先来说一说$(document)和$(window),如下: $(document).height();//整个网页的高度 $(window).height();/...
  • u013063153
  • u013063153
  • 2016年09月03日 17:10
  • 1759

js中如何获取手机的屏幕大小

屏幕可用工作区高度/宽:window.screen.availHeight/window.screen.availWidth 屏幕分辨率的高/宽:+window.screen.height/wind...
  • q_qiong
  • q_qiong
  • 2016年10月25日 21:28
  • 1470

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

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

js 获取浏览器高度和宽度值(兼容多浏览器)

IE中:  document.body.clientWidth ==> BODY对象宽度  document.body.clientHeight ==> BODY对象高度  document.d...
  • playboyanta123
  • playboyanta123
  • 2013年09月26日 17:15
  • 3995

js获取屏幕高度

js获取高度 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document...
  • MAX_23453
  • MAX_23453
  • 2018年01月23日 10:54
  • 28

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

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

js网页获取手机屏幕宽度

sssss var x = navigator; var w=window.innerWidth || document.documentElement.clientWidth || docu...
  • huang100qi
  • huang100qi
  • 2014年07月03日 11:12
  • 9211

Js获取屏幕高度

JS获取屏幕高度var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth; s += " 网页可见区域高:"+ document.body.c...
  • u013341341
  • u013341341
  • 2014年11月02日 10:47
  • 170
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js获取各种屏幕高度
举报原因:
原因补充:

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