知识大全 JS和jquery获取各种屏幕的宽度和高度

Posted

篇首语:你要学会努力奔跑,别被世俗跌得一塌糊涂。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 JS和jquery获取各种屏幕的宽度和高度相关的知识,希望对你有一定的参考价值。

JS和jquery获取各种屏幕的宽度和高度  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

  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

cha138/Article/program/Java/JSP/201311/20160

相关参考

知识大全 jquery动态获取图片高度与宽度

<divid="cc"></div><script>$(document)ready(function()$("#cc")append("<imgid=aas

知识大全 JS 获取浏览器和屏幕宽高等信息的实现思路及代码

JS获取浏览器和屏幕宽高等信息的实现思路及代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!本节代

知识大全 js jquery获取随机生成id的服务器控件的3种方法

cha138/Article/program/Java/JSP/201311/20085

知识大全 完美iframe自适应宽度和高度

  在ie下能实现的功能对照着FF下的方法与属性修改就行了今天终于把这个问题彻底解决了记录一下  感谢_Ren/  js代码如下  代码  //iframe高度自适应  functionIFrameR

知识大全 jQuery封装的获取Url中的Get参数

jQuery封装的获取Url中的Get参数  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  js的

知识大全 jQuery表单获取和失去焦点输入框提示效果

jQuery表单获取和失去焦点输入框提示效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!lish

知识大全 浅析JQuery获取和设置Select选项的常用方法总结

浅析JQuery获取和设置Select选项的常用方法总结  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下

知识大全 jQuery表单获取和失去焦点输入框提示效果的实例代码

jQuery表单获取和失去焦点输入框提示效果的实例代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧

知识大全 探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行

探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起

知识大全 js获取IP和PcName(IE)在vs中可用

js获取IP和PcName(IE)在vs中可用  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!本文为