您的位置 首页 技术

直击JS,Jquery获取屏幕的宽度和高度代码

JS,Jquery获取屏幕的宽度和高度代码 JS,Jquery获取屏幕的宽度和高度代码,获取的方法有很多种,但不管多少总,大致的内置函数还是那几个,现在就简单罗列出来。 javas…

JS,Jquery获取屏幕的宽度和高度代码

JS,Jquery获取屏幕的宽度和高度代码,获取的方法有很多种,但不管多少总,大致的内置函数还是那几个,现在就简单罗列出来。

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基础教程》

以上就是直击JS,Jquery获取屏幕的宽度和高度代码的详细内容,更多请关注24课堂在线网其它相关文章!

本文来自网络,不代表24小时课堂在线立场,转载请注明出处:http://www.24ketang.cn/76301.html

为您推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注

返回顶部