首页 > 其他分享 >jquery获取父级容器高度

jquery获取父级容器高度

时间:2022-11-04 17:23:58浏览次数:77  
标签:jquery 容器 console log 父级 body window 网页 document

//获取浏览器显示区域的高度
console.log( $(window).height());
//获取浏览器显示区域的宽度
console.log($(window).width());
//获取页面的文档高度
console.log($(document).height());
//获取页面的文档宽度
console.log($(document).width());
//获取滚动条到顶部的垂直高度
console.log($(document).scrollTop());
//获取滚动条到左边的垂直宽度
console.log($(document).scrollLeft());
//网页可见区域宽
console.log( document.body.clientWidth);
//网页可见区域高
console.log( document.body.clientHeight);
//网页可见区域宽
console.log( document.body.offsetWidth );
//网页可见区域高
console.log( document.body.offsetHeight );
//网页正文全文宽
console.log( document.body.scrollWidth);
//网页正文全文高
console.log( document.body.scrollHeight);
//网页被卷去的高
console.log( document.body.scrollTop);
//网页被卷去的左
console.log( document.body.scrollLeft);
//网页正文部分上
console.log( window.screenTop);
//网页正文部分左
console.log( window.screenLeft);
//屏幕分辨率的高
console.log( window.screen.height);
//屏幕分辨率的宽
console.log( window.screen.width);
//屏幕可用工作区高度
console.log( window.screen.availHeight);
//屏幕可用工作区宽度
console.log( window.screen.availWidth);

 

标签:jquery,容器,console,log,父级,body,window,网页,document
From: https://www.cnblogs.com/chenKnowledgeConllection/p/16858489.html

相关文章

  • Docker容器中使用GPU
    背景容器封装了应用程序的依赖项,以提供可重复和可靠的应用程序和服务执行,而无需整个虚拟机的开销。如果您曾经花了一天的时间为一个科学或深度学习应用程序提供一个包含大......
  • JAVA并发容器-ConcurrentLinkedQueue 源码分析
    在并发编程中,有时候需要使用线程安全的队列。如果要实现一个线程安全的队列有两种方式:一种是使用阻塞算法,另一种是使用非阻塞算法。使用阻塞算法的队列可以用一个锁(入队和......
  • JAVA并发容器-ConcurrentSkipListMap,ConcurrentSkipListSet
    ConcurrentSkipListMap其实是TreeMap的并发版本。TreeMap使用的是红黑树,并且按照key的顺序排序(自然顺序、自定义顺序),但是他是非线程安全的,如果在并发环境下,建议使用Concurre......
  • JAVA并发容器-写时复制容器
    写时复制的容器。通俗的理解是当我们往一个容器添加元素的时候,不直接往当前容器添加,而是先将当前容器进行Copy,复制出一个新的容器,然后新的容器里添加元素,添加完元素之后,再将......
  • JAVA并发容器-ConcurrentHashMap 1.7和1.8 源码解析
    HashMap是一个线程不安全的类,在并发情况下会产生很多问题,详情可以参考​​HashMap源码解析​​;HashTable是线程安全的类,但是它使用的是synchronized来保证线程安全,线程竞争......
  • 制作带curl命令的容器
    创建一个容器,启动后使用curl命令请求指定的地址方法一、固定的地址,创建Dockerfile前先修改entrypoint.sh里的地址准备entrypoint.shcurl-shttp://www.baidu.com创建Do......
  • 从0开始梳理django项目_2.多容器部署(day2)
    公司用的flask+gunicorn+nginx,竟然放在一个容器里了。规模小,也是省事。不过我没看出哪里省事,需要进容器里分别启动所有服务。我用django+uwsgi,对比着来。现在的问题是多容......
  • jqueryeasyui-datagrid-扩展-支持单元格编辑
    jqueryeasyui-datagrid很强大,可是在包含三五十个列的时候,datagrid行编辑器加载就忍无可忍了(这里用的IE浏览器,其他的浏览器稍微好些)因为写了一个日期&时间的编辑器的扩......
  • 为什么要建设容器云PaaS平台
    大型的企业、政府机构在小型机时代由于主机集成度高、性能稳定、数量较少,多项目集群的建设、运维尚能保持平稳。但随着系统X86化逐步推进,多项目集群中分别管理的主机、网络......
  • jquery获取所有子元素遍历_Cypress 页面元素基本操作方式
    获取DOM元素基本方式.find(selector)搜索定位元素.get(selector)搜索定位元素.contains(selector)搜索定位元素.children()方法用来获取DON元素的子元素.parents......