网页可见区域宽:document.body.clientWidth
网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth(包括边线的宽)
网页可见区域高:document.body.offsetHeight(包括边线的宽)
网页正文全文宽:document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
网页被卷去的高:document.body.scrollTop(IE7无效)
网页被卷去的左:document.body.scrollLeft(IE7无效)

网页被卷去的高:document.documentElement.scrollTop(IE7有效)

网页被卷去的左:document.documentElement.scrollLeft(IE7有效)
网页正文部分上:window.screenTop
网页正文部分左:window.screenLeft
屏幕分辨率的高:window.screen.height
屏幕分辨率的宽:window.screen.width
屏幕可用工作区高度:window.screen.availHeight
屏幕可用工作区宽度:window.screen.availWidth

相对于窗口左上角的X:window.event.clientX

相对于窗口左上角的Y:window.event.clientY
相对于整个页面的X:window.event.X
相对于整个页面的Y:window.event.Y

转载于:https://www.cnblogs.com/Strive-count/p/6634767.html

js获取网页面的高度和宽度相关推荐

  1. js获取div元素高度和宽度的方法

    前端web页面中,js可以很方便的获取div元素的高度和宽度,那么这篇文章就说一说原生JS与JQ如何快速的获取DIV元素的高度和宽度的方法. js获取div元素高度与宽度的方法 js获取div元素的高 ...

  2. javascript、jquery获取网页的高度和宽度

    javascript: 可视区域宽 :document.documentElement.clientWidth  (width + padding) 可视区域高 :document.documentE ...

  3. Js 获取当前页面的高度

    为什么80%的码农都做不了架构师?>>>    var Client_Scrjs = (window.innerHeight) ? window.innerHeight : (doc ...

  4. js中动态获取页面的高度和宽度的方法总结

    javascript,jquery获取网页的高度和宽度: javascript: 可视区域宽:document.documentElement.clientWidth(width+padding) 可 ...

  5. js获取网页的各种高度

    原文:js获取网页的各种高度 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: docum ...

  6. js原生获取html的高度,如何通过js获取Html元素的实际宽度高度

    如何通过js获取Html元素的实际宽度高度 发布时间:2020-04-24 15:23:24 来源:亿速云 阅读:136 作者:小新 今天小编给大家分享的是如何通过js获取Html元素的实际宽度高度, ...

  7. JS获取网页大小和鼠标当前坐标

    JS获取网页大小和鼠标当前坐标 var s = ""; s += "/r/n网页可见区域宽:"+ document.body.clientWidth; s += ...

  8. javascript中获取dom元素高度和宽度

    javascript中获取dom元素高度和宽度的方法如下: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight ...

  9. 原生js获取html元素高度,原生JS获取元素宽高实践详解

    开篇的话 任何不是亲身实践中求得的知识,都不是属于你的. 任何求得的知识不去时常温习运用,也不是属于你的. 记录由来 在做个上拉广告功能中遇到了一个"理所当然"觉得对的用法,慢慢才 ...

最新文章

  1. 媒体行业注册什么企业邮箱比较好?
  2. 远程桌面连接mstsc 超扎心
  3. p1417 烹调方案_Java 8的烹调方式–拼图项目
  4. JSP 活动元素 <jsp:directive.pageimport=“zero.space.ch03.Bookbean“/> 解读
  5. linux内核下载 编译
  6. 计算机网络中的物理层
  7. 表格数据画图神器-pandas画图操作
  8. Squid优化完全手册(2)
  9. java des 0填充方式_DES填充方式与初始向量IV的作用
  10. element-ui本地使用
  11. JavaScript(3):基础部分之异常处理
  12. Excel2007快捷键大全
  13. HTML5基础学习(6):个人简历制作
  14. 问题:IndentationError: unindent does not match any outer indentation level
  15. 【Alpha】第二次Daily Scrum Meeting
  16. 【朝花夕拾】Lint篇
  17. 带图傻瓜式自己动手修改新浪微博各种尾巴
  18. 读书笔记: Cartesian Impedance Control of Redundant and Flexible-Joint Robots, Section 1
  19. raspberry pi_十个有趣的Raspberry Pi项目:JAXenter的精选
  20. Netty使用FileUpload报错Not represented by a file

热门文章

  1. linux下miniconda3启动命令
  2. Head First JSP---随笔三
  3. 【☀️不定期更新了⛅】感谢知识输出的正反馈
  4. Selector SelectionKey
  5. STM32开发 -- 添加头文件
  6. S5PV210开发 -- 前言
  7. Linux如何在系统启动时自动加载模块
  8. Bit-Z收不到邮箱验证码怎么办(如何添加Bit-Z至邮箱白名单?)
  9. Android Telephony分析(六) ---- 接口扩展(实践篇)
  10. Double Free浅析