轻松获取屏幕的宽高（HTML，JAVASCRIPT，JSP）通用实例

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.1k累计阅读 1.2k平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄19年

关注

原创最新推荐文章于 2026-05-15 09:26:14 发布 1.1k 阅读 AI 写同款· GEO 优化 ›

js获取浏览器宽度高度（整理） ● window.innerHeight：浏览器内页面可用高度，此高度包含了水平滚动条的高度(若存在)。● window.innerWidth：浏览器内页面可用宽度，此宽度包含了垂直滚动条的宽度(若存在)。● window.outerWidth：浏览器宽度，包含了浏览器边框所以这种方式不常用。一般情况作为前端获取浏览器宽度，主要是指获取body的宽度，可操作的可视范围宽度。重点，jquery获取的宽度=浏览器的可视宽度-滚动条的宽度（如果有滚动条）阅读详情

<html>
<script>
window.onload=function(){
alert("screen height:" + screen.height);
}
</script>
<style>
.abc{height:expression(screen.height); background-color:red;}
</style>
<body>
<div class="abc">xxx</div>
</body>
</html>

收录于

当前文章被以下社区和专栏收录：

标签

#html #javascript #jsp #function #div

#class

实现从右到左图片滚动效果的JSP实战代码 JavaScript是一种基于原型、解释执行的动态脚本语言，被广泛用于浏览器端的开发。它提供了丰富的API来操控HTML和DOM（文档对象模型），使得网页能够实现动态、交互性强的效果。JavaScript的基本语法包括变量声明、数据类型、运算符、控制结构和函数等。在JavaScript中声明变量通常使用varlet或const关键字。let和const是ES6（ECMAScript 2015）中引入的新特性，提供块级作用域和常量定义功能，而var。阅读详情

相关推荐

JSP网上零食商城系统设计与实现

Java Server Pages（JSP）是一种动态网页技术，用于创建交互式的网页内容。JSP页面本质上是HTML中嵌入Java代码，它允许开发者编写Java代码片段嵌入到HTML页面中。当Web服务器接收到对JSP页面的请求时，服务器将JSP文件转化为Servlet，然后由Java虚拟机（JVM）执行。

weixin_28746457的博客 660

获取jsp页面的宽和高

var winWidth; var winHeight; function getResult() { if(window.innerWidth) { winWidth=window.innerWidth; } //获取宽和高的方法类似在里面加个判断就行在想要的宽度范围里进行设置自己要的结果， if((document.body)&&(document.bo...

weixin_34216036的博客 1007

网页设计进阶：DIV+CSS与JSP技术应用

htmltable {th, td {th {pre {简介：本专题深入讲解了使用DIV和CSS进行网页布局和样式的实现，并展示了如何结合JSP技术增强网页的交互性和功能性。内容包括响应式导航菜单、表单处理、动态选项卡、图像特效、仿Windows XP界面以及交互式移动窗口设计。通过这些实例，学习者能够掌握创建动态、交互式网页应用的技能。

weixin_42600128的博客 1013

JSP获取屏幕可用宽高

网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：doc

The K of the W 2830

构建都市供求信息网：JSP平台的全功能教程

都市供求信息网是一种基于互联网技术构建的在线平台，旨在为都市居民和商家提供一个便捷的信息交流和交易场所。功能定位包括但不限于商品信息的发布、查询、交易以及社区交流等。其核心在于降低信息不对称，提升市场的透明度和效率。在现代的信息技术环境中，后台管理员功能的重要性不言而喻。高效的后台管理系统能够确保网站的稳定运行，优化用户体验，并保障数据安全。本章节将详细介绍都市供求信息网后台管理员功能，涵盖信息与用户管理操作、系统统计分析与决策支持，以及系统设置与安全保障措施。

weixin_35238815的博客 822

Bootstrap前台框架（Jsp版）：响应式设计与定制化界面

Bootstrap诞生于Twitter的内部项目，它的目标是促进前端开发的一致性和速度。随着时间的推移，Bootstrap不断演进，成为目前最流行的前端框架之一。它的模块化设计和响应式特性，使其在各种设备和屏幕尺寸上都能保持良好的用户体验。JQuery是一个快速、小巧、功能丰富的JavaScript库。它使得HTML文档遍历和操作、事件处理、动画和Ajax等操作变得更加简单，是开发前端项目不可或缺的工具之一。安装JQuery非常简单。

weixin_36364707的博客 844

JS获取浏览器窗口大小获取屏幕，浏览器，网页高度宽度

I'm Zeus ！ 1万+

JSP实现论坛发帖功能指南

发帖功能是指用户在论坛平台中创建和发布新帖子的能力。JSP（JavaServer Pages）是一种基于Java的动态网页技术标准，允许开发者在HTML页面中嵌入Java代码片段。JSP页面通常被编译成Servlet并由Java Web服务器处理，这使得JSP具有跨平台的特性。此外，JSP可以使用Java API进行数据库连接、会话跟踪等操作，这使得它在Web应用开发中非常灵活。JSP页面具有以下特点：技术成熟和稳定。

weixin_32747681的博客 385

怎样用 JavaScript 准确获取手机屏幕的宽度和高度

怎样用 JavaScript 准确获取手机屏幕的宽度和高度 document.documentElement.clientWidth; document.documentElement.clientHeight;

zhaoyong_f的博客 323

JSP固定网页新弹出的页面大小

jsp固页新弹出的页面大小。。。非常好的资源

Java中得到电脑屏幕的大小

Java中得到电脑屏幕的大小的一个简单例子！

Linux额程序实现字幕滚动,Linux_javascript：实现滚动带链接的字幕，　　大家都见过字幕，但字幕 - phpStudy...

javascript：实现滚动带链接的字幕大家都见过字幕，但字幕的形式却是活波的，变化的，今天我们使用JS实现滚动带连接的字幕，例子源码如下：＜script language=JavaScript＞＜!--var index = 3link = new Array(3);text = new Array(3);link[0] ='http://www.cpcw.com/'link[1] ='htt...

weixin_29988907的博客 219

java取得屏幕大小

java取得屏幕的宽和高。 java取得屏幕的宽和高。 java取得屏幕的宽和高。

jquery ajax示例_使用jQuery示例的带有JSP的AJAX

jquery ajax示例Here you will get an example of AJAX with JSP using jQuery. 在这里，您将获得一个使用jQuery的带有JSP的AJAX示例。 AJAX is used for sending and receiving data from server without reloading the page. We can i...

culing2941的博客 498

jsp页面iframe高度自适应的js代码

iframe高度自适应，获取自身高度,之后将高度作为参数传递，在窗口加载后执行就可以了

【详细】芯片设计全流程（包括每个流程需要用到的工具以及需要参与的工作人员）

一颗芯片的诞生经历了设计、制造和测试（分别对应集成电路产业链的设计业、制造业和封测业），而每一步都包含了复杂的步骤和流程。图0-1 集成电路产业链现在，我们重点介绍芯片设计的全流程以及每个流程需要用到的设计工具和需要参与的工作人员。一、IC设计分类首先对IC设计的分类做个介绍，如图1-1所示。图1-1 IC设计分类如图1-1所示，IC设计可以粗分为数字IC设计和射频/模拟IC设计，数字IC设计又可分为ASIC设计和FPGA/CPLD设计，此外还有一部分IC设计.

qq_36045093的博客 8万+

【SaaS-Export项目】前端AdminLTE介绍与入门使用搭建一个AdminLTE入门页面

【SaaS-Export项目】前端AdminLTE介绍与入门使用搭建一个AdminLTE入门页面前端AdminLTE 介绍 1)AdminLTE是一款建立在bootstrap和jquery之上的开源的模板主题工具. 并且提供一系列响应的、可重复使用的组件，并内置了多个模板页面 2)优点自适应多种屏幕分辨率，兼容PC和移动端快速的创建一个响应式的Html5网站 AdminLTE 不但美观，而且可以免去写很大CSS与JS的工作量 3)官网:下载链接 GitHub下载:GitHub 使用基础使用只需

renVictory的博客 432

【ROS学习笔记】8.话题消息（Message）的定义与使用

ROS学习笔记8——话题消息（Message）的定义与使用

takedachia的博客 9547

026基于JSP的高校科研项目信息管理系统设计与实现-java idea

026基于JSP的高校科研项目信息管理系统设计与实现-java vue.js ideaJDK版本:jdk1.8+编程语言: java框架支持：springboot数据库: mysql 版本不限数据库工具：Navicat/SQLyog都可以前端：vue.js+ElementUI开发工具：IDEA 或者eclipse都支持Vue框架是一种基于JavaScript的前端开发框架，它可以和Java后台框架协同工作，开发出前后台分离的应用程序。

z459382737的博客 1077

VGG16

VGG16学习笔记

一去不复返的通信er 1177

从Landsat 8到哨兵2号：手把手教你用ENVI处理不同卫星数据的NDVI（附常见错误排查）

本文详细解析了从Landsat 8到哨兵2号的多源遥感数据NDVI计算全流程，包括不同卫星的波段设置差异、ENVI处理步骤及常见错误排查。通过实战指南和代码示例，帮助用户高效处理NDVI数据，特别针对哨兵2号数据的特殊处理提供了专业建议，适用于植被监测和遥感分析。

weixin_27741699的博客 328

上一篇：点击一跟按扭让其它的按扭失效的 JSP + HTML 代码

下一篇： javascript如何获得flash引用的swf地址

JSP网上零食商城系统设计与实现

weixin_28746457的博客

07-24