讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > js教程 > 正文

JS和jquery获取各种屏幕的宽度和高度的代码_基础知识

php中文网
发布： 2016-05-16 17:27:13
原创
920人浏览过

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:

Playground AI
Playground AI

AI图片生成和修图

Playground AI 108
查看详情 Playground AI
复制代码 代码如下:

　　$(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
　　})

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：js获取location.href的参数实例代码_javascript技巧 下一篇：解决js数据包含加号+通过ajax传到后台时出现连接错误_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
JavaScript中如何异步编程_回调函数的缺陷是什么 回调函数是JavaScript异步编程最原始方式，易导致回调地狱、嵌套过深、错误处理分散、控制流混乱且无法return/throw；后演进为Promise和async/await以解决上述问题。
2025-12-19 11:10:44
104
javascript ES6是什么_它引入了哪些重要的新特性？ ES6是JavaScript在2015年6月发布的重大标准升级，核心特性包括：let/const实现块级作用域与常量声明；箭头函数简化语法并继承外层this；模板字符串支持多行与表达式嵌入；解构赋值提升数据提取效率；Promise及async/await统一异步处理。
2025-12-19 10:48:08
756
javascript如何实现无限滚动_如何优化大量数据的渲染 无限滚动和大量数据渲染的核心思路是按需加载与渲染，通过IntersectionObserver实现懒加载、虚拟列表只渲染可视区域内容，并结合分页缓存、骨架屏等优化体验。
2025-12-19 10:33:07
792
javascript中的原型链是什么_如何通过它实现继承功能 原型链是JavaScript中对象查找属性和方法时逐级向上追溯的链条，由每个对象的[[Prototype]]内部属性连接各原型对象直至null构成；它支撑继承、instanceof等机制，是JS对象系统的核心基础。
2025-12-19 10:13:02
385
javascript中的递归是什么_如何避免栈溢出错误 递归需有明确终止条件（基础情况）且每次调用逼近该条件，否则栈溢出；基本结构含基础情况与递归情况，如阶乘中n≤1为出口。
2025-12-19 10:03:08
749
javascript包管理怎么做_如何使用npm或yarn管理依赖？ JavaScript包管理核心是npm或yarn，基于package.json管理依赖，依赖安装、锁定、升级、清理需严格区分环境并统一工具。
2025-12-19 09:39:23
708
JavaScript中什么是事件循环_浏览器和Node差异 事件循环是JavaScript异步非阻塞执行的核心机制，由运行环境实现：浏览器采用“宏任务→全部微任务→渲染”节拍，Node.js基于libuv分6阶段且每阶段后检查微任务，并独有process.nextTick（最高优先级）和setImmediate。
2025-12-19 09:12:59
377
javascript中函数式编程是什么_纯函数与副作用如何理解？ JavaScript函数式编程强调纯函数：输入确定则输出唯一，且无副作用；纯函数需满足确定性与无副作用，是构建可靠、可测试、易组合代码的地基。
2025-12-19 08:18:08
741
javascript中的this关键字是什么_如何确定它的值？ this的值由函数调用方式决定：普通调用时非严格模式指向全局对象、严格模式为undefined；对象方法调用时指向该对象；new调用时指向新实例；call/apply/bind可显式绑定；箭头函数继承外层this。
2025-12-19 06:51:19
764
Javascript异步编程是什么_回调、Promise和Async/Await如何选择？ JavaScript异步编程通过回调函数、Promise和async/await三种方式处理耗时操作而不阻塞主线程；回调函数简单但易致回调地狱，Promise解决嵌套问题并支持链式调用，async/await以同步语法简化异步流程；应依场景选择：老环境用Promise，简单操作可用回调，并发复杂逻辑首选async/await，并始终重视错误处理与资源清理。
2025-12-19 05:23:14
927
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部