当前位置: 首页 > news >正文

js获取屏幕大小,元素top值等等

<script>
function a(){
document.write(
"屏幕分辨率为:"+screen.width+"*"+screen.height
+"<br />"+
"屏幕可用大小:"+screen.availWidth+"*"+screen.availHeight
+"<br />"+
"网页可见区域宽:"+document.body.clientWidth
+"<br />"+
"网页可见区域高:"+document.body.clientHeight
+"<br />"+
"网页可见区域宽(包括边线的宽):"+document.body.offsetWidth
+"<br />"+
"网页可见区域高(包括边线的宽):"+document.body.offsetHeight
+"<br />"+
"网页正文全文宽:"+document.body.scrollWidth
+"<br />"+
"网页正文全文高:"+document.body.scrollHeight
+"<br />"+
"网页被卷去的高:"+document.body.scrollTop
+"<br />"+
"网页被卷去的左:"+document.body.scrollLeft
+"<br />"+
"网页正文部分上:"+window.screenTop
+"<br />"+
"网页正文部分左:"+window.screenLeft
+"<br />"+
"屏幕分辨率的高:"+window.screen.height
+"<br />"+
"屏幕分辨率的宽:"+window.screen.width
+"<br />"+
"屏幕可用工作区高度:"+window.screen.availHeight
+"<br />"+
"屏幕可用工作区宽度:"+window.screen.availWidth
);
}

js获取元素到浏览器顶部距离:

Element.offsetTop

jq获取和设置元素到浏览器顶部距离:

$(Element).offset().top

$(Element).offset({top:number})

转载于:https://www.cnblogs.com/webwangjie/p/6972554.html

相关文章:

  • STM32中assert_param的使用
  • sass/scss 和 less的区别
  • c#时间格式
  • Kali Linux Wine32英文字体不显示问题
  • Redirect和Forward
  • Android View 事件分发机制 源代码解析 (上)
  • 配置maven
  • NumPy 中的线性代数
  • 服务注册发现consul之二:在Spring Cloud中使用Consul实现服务的注册和发现
  • 装修除甲醛,这些方法真有那么神奇吗?
  • 正则表达式之基本概念
  • 知识图谱构建_百度文库
  • MySQL--8MySQL存储过程小结
  • akka模块
  • Zico源代码分析:执行启动过程分析和总结
  • [LeetCode] Wiggle Sort
  • 【划重点】MySQL技术内幕:InnoDB存储引擎
  • 【许晓笛】 EOS 智能合约案例解析(3)
  • iOS筛选菜单、分段选择器、导航栏、悬浮窗、转场动画、启动视频等源码
  • javascript 哈希表
  • JavaWeb(学习笔记二)
  • miniui datagrid 的客户端分页解决方案 - CS结合
  • MyEclipse 8.0 GA 搭建 Struts2 + Spring2 + Hibernate3 (测试)
  • orm2 中文文档 3.1 模型属性
  • vue-router的history模式发布配置
  • 从PHP迁移至Golang - 基础篇
  • 免费小说阅读小程序
  • 前端_面试
  • 前端面试之CSS3新特性
  • 算法-图和图算法
  • 微信小程序:实现悬浮返回和分享按钮
  • 说说我为什么看好Spring Cloud Alibaba
  • 微龛半导体获数千万Pre-A轮融资,投资方为国中创投 ...
  • 智能情侣枕Pillow Talk,倾听彼此的心跳
  • !!Dom4j 学习笔记
  • #Js篇:单线程模式同步任务异步任务任务队列事件循环setTimeout() setInterval()
  • #我与Java虚拟机的故事#连载10: 如何在阿里、腾讯、百度、及字节跳动等公司面试中脱颖而出...
  • (第8天)保姆级 PL/SQL Developer 安装与配置
  • (附源码)springboot学生选课系统 毕业设计 612555
  • (过滤器)Filter和(监听器)listener
  • (理论篇)httpmoudle和httphandler一览
  • (算法)求1到1亿间的质数或素数
  • (五)c52学习之旅-静态数码管
  • (转)es进行聚合操作时提示Fielddata is disabled on text fields by default
  • (转)jdk与jre的区别
  • (转)jQuery 基础
  • (转)全文检索技术学习(三)——Lucene支持中文分词
  • .FileZilla的使用和主动模式被动模式介绍
  • .form文件_一篇文章学会文件上传
  • .halo勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复
  • .Net Core webapi RestFul 统一接口数据返回格式
  • .net core 客户端缓存、服务器端响应缓存、服务器内存缓存
  • .Net 应用中使用dot trace进行性能诊断
  • // an array of int
  • @KafkaListener注解详解(一)| 常用参数详解