JS,Jquery获取各种屏幕的宽度和高度(转载)

摘要:
原文:https://www.cnblogs.com/fuyuanming/articles/5453756.html1.JS网页可见区域宽度:document.body.clientWidth网页可见区域高度:document.bbody.clientHeight网页可见区域宽:document.body.offsetWidth(包括边缘线的宽度)网页可见区域高:document.bidy.offsetH

原文:https://www.cnblogs.com/fuyuanming/articles/5453756.html

1.JS

网页可见区域宽: 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
2.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获取各种屏幕的宽度和高度(转载)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇webstorm下的sass自动编译和移动端自适应实践Oracle 11.2.4.0 ACTIVE DATAGUARD 单实例安装(COPY创建备库)下篇

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

相关文章

js元素绑定事件

想给一个元素绑定一个方法之后,在绑定一个方法而且不被覆盖 window.onload = function () { alert('a'); } window.onlaod=function(){ alert('b') } 我们发现它只弹出一个,有一个被覆盖了 下面就说一下js中的绑定事件...

Jquery delegate的理解

$(".step4TagList .albumShow", "#divStep4").delegate(" .abmFct .icoRt", "click", function () { alert("ok") }); 与 $(".step4TagList .albumShow .abmFct", "#divStep4")...

selenium 难定位元素,时间插件,下拉框定位,string

1.元素定位 ID定位元素: findElement(By.id(“”)); 通过元素的名称定位元素: findElement(By.name(“”)); 通过元素的html中的位置定位元素: findElement(By.xpath(“”)); 通过元素的标签名称定位元素: findElement(By.tagName(“”)); 通过元素的链接名称...

WKWebView使用遇到的一些坑

https://www.jianshu.com/p/c73bd50560ee WKWebView使用遇到的坑 简介 使用WKWebView一段时间,发现它和UIWebView的一些区别之处,有一写遇到的坑,现在对处理方式做了个小总结,现分享给大家. 区别 1.EvaluateJavaScript方法为异步 UIWebview: 在UIWebView中是...

一套完整的中小级别的企业级监控prometheus

一   相信有很多博客都已经详细的说明了prometheus的作用以及相关的作用以及原理,这里不在赘述,仅仅从部署和配置2个方面来记录一下,为公司产品组搭建的prometheus告警平台的过程以及踩过的坑,废话不多说,直接开始搭建部署,需要在一台服务器上面搭建prometheus+grafana+alertmanager+pushgateway,其余被监控...

软件测试学习随笔(3) 等价类划分之三个输入框

     在上一篇博客中使用了一个例子来说明等价类划分的方法,今天将在这篇博客中对这个程序的改进版进行测试。首先先来看一下改进版的截图:                     在原来一个输入框的基础上增加了为三个输入框,每个输入框的输入要求和原来的一样,即允许输入1-6个英文字符或数字。然后我们将对它进行测试            等价类划分如下:...