当前位置:网站首页>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();
})
边栏推荐
猜你喜欢
随机推荐
论那些给得出高薪的游戏公司底气到底在哪里?
新一代解析技术——云解析
【Day6】文件系统权限管理 文件特殊权限 隐藏属性
静态路由
Unity huatuo 革命性热更系列1.2 huatuo热更环境安装与示例项目
每日一题-两数相加-0711
账号与权限管理
[Paper Intensive Reading] Rich Feature Hierarchies for Accurate Object Detection and Semantic Segmentation (R-CNN)
Unity3D中的ref、out、Params三种参数的使用
UE4美术你有必要了解的数学基础
腾讯云消息队列CMQ
【Day8】 RAID磁盘阵列
每日一题-有效的括号-0719
【3D模型教程】ZBrush如何表现皮肤纹理?
C语言的一些小常识
每日一题-DFS
VLAN details and experiments
【Day8】RAID Disk Array
[Day8] (Super detailed steps) Use LVM to expand capacity
如何用UE5渲染一个可爱的茶壶屋?