博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS,Jquery获取各种屏幕的宽度和高度
阅读量:7061 次
发布时间:2019-06-28

本文共 1030 字,大约阅读时间需要 3 分钟。

hot3.png

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:

$(document).ready(function(){

alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的宽度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
})

转载于:https://my.oschina.net/u/1778998/blog/745852

你可能感兴趣的文章
Oracle 查看表空间的大小及使用情况sql语句
查看>>
Android画图并保存图片(转载)
查看>>
移动下标效果
查看>>
eclipse 性能调优之内存分配
查看>>
c语言程序开发过程,编译的完整过程
查看>>
POJ2472106 miles to Chicago
查看>>
python高级(4)—— 虚拟环境安装使用
查看>>
rabbitmq management Login Failed
查看>>
『Kruscal重构树 Exkruscal』
查看>>
QTP的那些事 -– Visual Relation Identifier Feature: How to use in the real world
查看>>
项目管理软件推荐
查看>>
Request.Url.Query 和 Request.QueryString的区别
查看>>
SCU 4439 Vertex Cover(二分图最小覆盖点)题解
查看>>
js创建及操作数组
查看>>
Web前端开发面试题赋答案
查看>>
javascript创建对象的几种方式
查看>>
yarn.resourcemanager.ha.id设置
查看>>
主动调用其他类的成员, 特殊成员
查看>>
vim操作
查看>>
ASUS主板ALC887声卡,RTL81XX网卡,黑苹果驱动安装
查看>>