<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <SCRIPT LANGUAGE="JavaScript"> var s = "网页可见区域宽 ："+ document.body.clientWidth; s += "\r\n网页可见区域高："+ document.body.clientHeight; s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)"; s += "\r\n网页正文全文宽："+ document.body.scrollWidth; s += "\r\n网页正文全文高："+ document.body.scrollHeight; s += "\r\n网页被卷去的高："+ document.body.scrollTop; s += "\r\n网页被卷去的左："+ document.body.scrollLeft; s += "\r\n网页正文部分上："+ window.screenTop; s += "\r\n网页正文部分左："+ window.screenLeft; s += "\r\n屏幕分辨率的高："+ window.screen.height; s += "\r\n屏幕分辨率的宽："+ window.screen.width; s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight; s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth; alert(s); </SCRIPT> </body> </html>
jQuery的实现：
alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(window).width()); //浏览器当前窗口可视区域宽度 alert($(document).width());//浏览器当前窗口文档对象宽度 alert($(document.body).width());//浏览器当前窗口文档body的高度
相关推荐
### JavaScript 获取滚动条高度、页面宽度与高度 在前端开发中，经常需要处理与浏览器窗口相关的操作，例如响应式设计、动态布局调整等。本文将详细介绍如何使用JavaScript来获取滚动条的高度、页面的宽度和高度。 ...
在JavaScript中获取网页的高度和宽度是常见的需求，这有助于我们进行页面布局、滚动条处理或者自适应设计。以下是一些关于如何使用JavaScript获取网页高度、宽度以及滚动位置的关键知识点。 1. **获取窗口滚动位置...
js获取浏览器窗口宽度、高度 判断浏览器窗口大小改变
在JavaScript中，对上传图片进行大小、宽度和高度的判断是一项常见的前端操作，尤其是在实现用户在网站上上传图片时需要预览和验证图片格式及尺寸的场景。以下是一些关于如何使用JavaScript进行这些判断的关键知识点...
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于...
### JavaScript 获取当前页面可视高度和宽度以及浏览器宽度和高度的函数 #### 一、概述 在Web开发过程中，经常需要获取当前页面可视区域的高度和宽度，以及整个浏览器窗口的尺寸。这些信息对于响应式设计、页面...
在JavaScript中，获取网页的各种高度是一项常见的需求，这涉及到页面布局、滚动效果以及用户交互的实现。本篇文章将详细介绍如何使用JavaScript获取网页的可见区域高度、屏幕分辨率的高度、屏幕可用工作区高度以及...
在JavaScript中，传统的做法是通过DOM元素的`.offsetWidth`或`.offsetHeight`属性获取图片的宽度和高度。或者，在使用jQuery时，我们可以用`.width()`和`.height()`方法来获取这些尺寸。然而，这种方法在图片尺寸被...
### JavaScript作品：网页开屏效果 #### 知识点概览 本文将详细介绍一个JavaScript实现的网页开屏效果。此效果通过动态调整弹出窗口的大小来实现从左至右逐渐展开的效果，常用于网站加载时展示品牌或作为特殊活动...
在这个函数中，我们首先创建一个新的Image对象，加载图片数据，然后判断图片是否超过了最大宽度或高度。如果超过，我们会计算出一个缩放比例，使得图片的缩放后尺寸不超过指定的最大值，同时保持原始比例。接着，...
总的来说，"JS判断浏览器分辨率自动调用不同CSS"是一种有效实现响应式布局的方法，结合了JavaScript的动态性和CSS的样式控制，确保了网页在不同设备上都能呈现出最佳的视觉效果。在实际开发中，应结合具体项目需求，...
3. **ScreenWidth函数**：这是一个核心函数，用于判断屏幕的宽度和高度。它会根据给定的分辨率参数，调用`setActiveStyleSheet`函数来改变样式表。如果屏幕宽度和高度与预设的分辨率匹配，就选择相应的CSS样式。 4....
JavaScript可以通过`window.innerWidth`和`window.innerHeight`获取当前窗口的宽度和高度，从而判断设备的分辨率。例如，以下代码可以用于检测设备分辨率： ```javascript var width = window.innerWidth; var ...
在进行Web前端开发时，经常需要通过JavaScript获取元素的尺寸信息，这包括元素的宽度和高度等，以便进行布局调整、元素定位等操作。本文档主要介绍了一些常用的用于获取对象尺寸的属性，包括scrollWidth、...
在JavaScript中，判断图片是否加载完成以及获取图片的宽度是前端开发中常见的需求。这主要应用于处理用户上传图片时可能出现的布局问题，如图片加载不完全导致页面元素尺寸异常。以下将详细介绍两种常用的方法。 ##...
JavaScript（JS）提供了一系列的方法来获取和判断网页的尺寸，帮助开发者根据用户设备的不同屏幕大小调整网页布局。本文将详细介绍几种常用的JS网页尺寸判断的实例方法。 首先，我们要理解几个基本概念： 1. **滚动...
总的来说，"跟随网页走动的js对联"是JavaScript和CSS结合应用的一个实例，展示了如何利用这两种技术来创造引人入胜的网页互动效果。通过理解和实践这一技术，开发者可以更好地掌握网页动态效果的实现，提升网页的...
"JS判断手机端与电脑访问"这个话题就是关于如何使用JavaScript来检测用户是通过移动设备（如智能手机或平板）还是桌面电脑（如笔记本或台式机）访问网站的。这通常涉及到设备的屏幕尺寸、触屏支持、浏览器特性等因素...