JS获取屏幕宽度高度

document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度  网页可见区域宽: 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函数
$(window).height()  //浏览器时下窗口可视区域高度
$(document).height()    //浏览器时下窗口文档的高度
$(document.body).height()      //浏览器时下窗口文档body的高度
$(document.body).outerHeight(true) //浏览器时下窗口文档body的总高度 包括border padding margin
$(window).width()  //浏览器时下窗口可视区域宽度
$(document).width()//浏览器时下窗口文档对于象宽度
$(document.body).width()      //浏览器时下窗口文档body的高度
$(document.body).outerWidth(true) //浏览器时下窗口文档body的总宽度 包括border padding  HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX 相对文档的水平座标
event.clientY 相对文档的垂直座标
event.offsetX 相对容器的水平坐标
event.offsetY 相对容器的垂直坐标
document.documentElement.scrollTop 垂直方向滚动的值
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

JS获取屏幕宽度高度相关推荐

  1. Android获取屏幕宽度高度并动态设置控件宽度,比例等

    1.Android获取屏幕宽度的几种方法: //1.通过WindowManager获取DisplayMetrics dm = new DisplayMetrics();int heigth = dm. ...

  2. Js获取屏幕宽度、高度

    document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.docume ...

  3. flutter 获取屏幕宽度/高度

    MediaQuery.of(context).size.width    //宽度 MediaQuery.of(context).size.height    //高度

  4. js获取屏幕宽度及操作

    网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...

  5. jq获取页面高度_js与jquery获取屏幕宽度与高度

    1,javascript获取屏幕宽度与高度 网页可见区域宽: document.body.clientwidth 网页可见区域高: document.body.clientheight 网页可见区域宽 ...

  6. android中屏幕宽高显示不全,Android 获取屏幕宽度跟高度

    Android 获取屏幕宽度跟高度 在android开发过程中,对于控件的高度,宽度,通过下面的函数调用,轻松实现编程中设置控件的相对宽度跟高度: // 获得屏幕的宽度 public static i ...

  7. 如何使用CSS3来获取屏幕宽度并且用来计算DIV高度

    稍微出示一下我之前的代码 var global_width = ($(window).width());var info_height = global_width/750*230; 之前需要用js实 ...

  8. JQ获取屏幕宽度,以及分辨率发生改变时既触发函数

    获取屏幕宽度 var winWide = $(window).width();console.log(winWide); 分辨率改变时既触发函数 $(window).resize(function() ...

  9. Android中获取屏幕宽度(利于屏幕适配)

    一.在adapter中获取屏幕宽度 WindowManager windowManager = (WindowManager) getContext().getSystemService(Contex ...

  10. 微信小程序如何获取屏幕宽度

    微信小程序如何获取屏幕宽度 方法1: imageLoad: function () {this.setData({imageWidth: wx.getSystemInfoSync().windowWi ...

最新文章

  1. shiro框架的使用及扩展
  2. 智办事:高效远程办公指南
  3. oracle 取前10条记录
  4. xp系统如何开启共享服务器,xp系统怎么关闭共享服务 xp系统共享打印机如何设置...
  5. Q1:spring-boot中Controller路径无法被访问的问题
  6. congruent matrix
  7. php网页动态加载swf,HTML_如何修改网页中的FlashSWF文件,看到一个网站用flash做的,很 - phpStudy...
  8. GIS应用类有哪些最新发表的毕业论文呢?
  9. IP地址-子网掩码-缺省网关
  10. vos3000如何检查落地网关配置正常,路由分析
  11. HTML下拉菜单悬停不消失,悬停后保持下拉菜单打开(CSS)
  12. 使用超以太网来降低LED照明的成本
  13. 考上好大学,然后进入IT行业是穷人孩子晋级中产的唯一出路?
  14. 中華電信國際漫遊服務一覽表
  15. 工科生安装Ubuntu18.04后干的事情
  16. mysql筛选向导怎么用_Navicat筛选向导
  17. 12个球一个天平,现知道只有一个和其它的重量不同,问怎样称才能用三次就找到那个球。
  18. [读书笔记] 区块链:从数字货币到信用社会
  19. android mac 照片恢复,如何恢复照片?这样做,手机照片直接恢复!
  20. 证券业李鬼阴魂不散 横行网络无法无天

热门文章

  1. 8926平台boot过程分析
  2. clientkey(ClientKeyt利用)
  3. matlab中信号叠加高斯噪声代码
  4. (个人笔记)EDEM耦合Recurdyn流程
  5. 通过Homestead安装Laravel
  6. 超简单的jquery 点击文本复制文本
  7. 在ppt中怎么加入倒计时 里面怎么加入倒计时【方法】
  8. hdu 5053 the Sum of Cube(水)
  9. 使用无线投屏软件将手机和电脑画面同步
  10. freeradius mysql web_CentOS7部署FreeRadius3.0及WEB管理界面DaloRadius