当前位置:网站首页>js动态获取屏幕宽高度
js动态获取屏幕宽高度
2022-08-05 05:19:00 【CrazyQiQi】
Javascript:
网页可见区域宽: 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实时获取屏幕宽高
// 原生js
window.οnlοad=function(){
changeDivHeight();
}
//当浏览器窗口大小改变时,设置显示内容的高度
window.οnresize=function(){
changeDivHeight();
}
function changeDivHeight(){
var h = document.documentElement.clientHeight;//获取页面可见高度
}
// jquery
$(window).resize(function(){
var Height = $(window).height();
var Width = $(window).width();
})
边栏推荐
猜你喜欢
图片压缩失效问题
[Day1] VMware software installation
虚幻引擎5都有哪些重要新功能?
spark源码-RPC通信机制
【Day1】(超详细步骤)构建软RAID磁盘阵列
论那些给得出高薪的游戏公司底气到底在哪里?
Cocos Creator开发中的事件响应
Getting Started Doc 06 Adding files to a stream
Account and Permission Management
[Pytorch study notes] 8. How to use WeightedRandomSampler (weight sampler) when the training category is unbalanced data
随机推荐
洞察互联网大趋势,读完这篇文章你就彻底了解中文域名
Unity物理引擎中的碰撞、角色控制器、Cloth组件(布料)、关节 Joint
【Day8】磁盘及磁盘的分区有关知识
spark源码-任务提交流程之-7-流程梳理总结
C语言的一些小常识
ROS视频教程
CIPU,对云计算产业有什么影响
spark算子-textFile算子
UiPath简介
【Day8】 RAID磁盘阵列
每日一题-电话号码的字母组合-0717
阿里云视频点播
Three modes of vim
腾讯内部技术:《轩辕传奇》服务器架构演变
每日一题-合并K个升序链表-0722
单臂路由与三成交换机
Configuration of TensorFlow ObjecDetectionAPI under Anaconda3 of win10 system
每日一题-下一个排列-0723
Getting Started Documentation 10 Resource Mapping
入门文档06 向流(stream)中添加文件