首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript、Jquery获取屏幕的宽度和高度

在日常的项目中经常需要获取屏幕的宽度或者高度,简单记录一下: Javascript方法获取: document.body.clientWidth //网页可见区域宽 document.body.clientHeight... //网页正文部分上 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()); //浏览器当前窗口可视区域宽度

5.3K00
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JQuery EasyUI window 用法

    JQuery代码 var $win; $win = $('#test-window').window({ title: '添加课程设置信息', width: 820, height...: 450, top: ($(window).height() - 820) * 0.5, left: ($(window).width() - 450) * 0.5, shadow...title 字符串 在面板头部显示的标题文本 null iconCls 字符串 一个CSS类来显示在面板中的16×16图标 null width 数字 设置面板的宽度 auto height 数字 设置面板的高度...onBeforeExpand none 当面板展开之前触发 onExpand none 当面板展开之后触发 onResize width, height 当面板调整大小之后触发 width: 新的宽度 height: 新的高度...refresh none 当设置了href值时,刷新面板来加载远程数据 resize options 设置面板的大小和布局,这些选项包含以下的属性: width: 新面板的宽度 height: 新面板的高度

    1.2K20

    js获取各种高度总结

    在写js的时候偶尔需要获取各种高度,比如;浏览器高度,页面高度,滚动高度等。抽空整理了我自己常用到的,时间仓促,没有考虑到万恶的IE浏览器。。。。...获取屏幕的高度和宽度(屏幕分辨率): window.screen.height window.screen.width 获取屏幕工作区域的高度和宽度(去掉状态栏): window.screen.availHeight...window.screen.availWidth 网页全文的高度和宽度: document.body.scrollHeight document.body.scrollWidth 滚动条卷上去的高度和向右卷的宽度...: document.body.scrollTop document.body.scrollLeft 网页可见区域的高度和宽度(不加边线): document.body.clientHeight document.body.clientWidth...网页可见区域的高度和宽度(加边线): document.body.offsetHeight document.body.offsetWidth

    12.6K20

    ClientHeight_offsetheight获取高度不对

    clientHeight:包括padding但不包括border、水平滚动条、margin的元素的高度。对于inline的元素这个属性一直是0,单位px,只读元素。...style.height //返回元素的高度(包括元素高度,不包括内边距、边框和外边距) clientHeight //返回元素的高度(包括元素高度、内边距,不包括边框和外边距) offsetHeight...//返回元素的高度(包括元素高度、内边距和边框,不包括外边距) scrollHeigh //返回元素的高度(包括元素高度、内边距和溢出尺寸,不包括边框和外边距),无溢出的情况,与clientHeight...相同 scrollTop //此属性可以获取或者设置对象的最顶部到对象在当前窗口显示的范围内的顶边的距离,也就是元素滚动条被向下拉动的距离。...offsetTop //返回元素的上外缘距离最近采用定位父元素内壁的距离,如果父元素中没有采用定位的,则是获取上外边缘距离文档内壁的距离。

    3.1K20

    mini react-window(二) 实现可知变化高度虚拟列表

    图片react-window 库实现效果// src/variable-size-list.js// 固定高度列表import { VariableSizeList } from "react-window.../index.css";// 这里给出每个元素的高度计算方式,可以根据自己的业务需求按条件计算,这里简单给出随机获取const rowSizes = new Array(1000).fill(true)...// 获取每个条目对应的元数据 {index: {size, offset}}const getItemMetadata = (props, index, instanceProps) => { /...自己穿入的函数 const {itemSize} = props const {itemMetadataMap, lastMeasuredIndex} = instanceProps /// 当前获取的条目..., scrollOffset, instanceProps) => { // 拿到可视区域的高度和元素数量 const {height, itemCount} = props // 获取开始索引对应的元数据

    1.6K40
    领券