<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<!--在javascript中得到当前窗口的高和宽 -->
<body><SCRIPT LANGUAGE="JavaScript">
var s = "";
s += "\r\n网页可见区域宽："+ document.body.clientWidth;
s += "\r\n网页可见区域高："+ document.body.clientHeight;
s += "\r\n网页可见区域宽："+ document.body.offsetWidth +" (包括边线和滚动条的宽)";
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;
s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
alert(s);
</SCRIPT>
</HTML>
分享到：
相关推荐
### JavaScript 获取窗口属性值 在Web开发中，JavaScript是一种广泛使用的编程语言，它能够与HTML和CSS紧密结合，为网页提供动态交互能力。其中一项常见需求是获取浏览器窗口的各种属性值，比如宽度、高度等，这...
本文主要介绍如何使用JavaScript实现根据浏览器窗口大小动态调整网页文字大小的功能。该技术在实现网页响应式设计中具有重要意义，允许网页内容在不同尺寸的屏幕设备上都能保持良好的可读性和布局适应性。 首先，...
### JavaScript 获取当前窗口的所有大小值 在Web开发中，经常需要获取浏览器窗口或者特定元素的尺寸信息，这对于响应式设计、动态布局调整等场景尤为重要。本文将详细介绍如何使用JavaScript来获取当前窗口的各种...
### JS 获取浏览器窗口大小 在前端开发中，经常需要获取浏览器窗口的大小，以便于根据不同的屏幕尺寸调整页面布局或实现响应式设计。本文将详细介绍如何使用JavaScript来获取浏览器窗口的宽度、高度以及相关的属性...
在web开发中，调整浏览器窗口大小是常见的用户操作之一，JavaScript提供了一种机制，允许我们在窗口大小变化时执行特定的代码。这篇文章的重点是介绍如何使用JavaScript中的window对象的onresize事件来实现当浏览器...
使用jQuery库或者纯JavaScript，可以轻松地编写代码来监听窗口大小的变化，并根据获取到的高度和宽度值执行相应的操作，如调整布局、响应式设计等。在实现的过程中，还需注意代码的优化，避免过度消耗浏览器资源，...
`window.parent`是指当前窗口的父窗口，而`window.opener`则引用了创建当前窗口的窗口。假设子窗口有一个输入框，用户填写了数据，我们可以通过以下方式将数据回传给父窗口： ```javascript function ...
除了获取当前窗口尺寸外，还需要能够实时监听窗口尺寸的变化情况。可以通过监听`window`对象上的`resize`事件来实现这一功能。例如： ```javascript window.onresize = function () { getPageSize(); }; ``` 这段...
代码中还包含了对窗口大小进行调整的功能，例如最小化窗口。`min` 函数通过修改窗口的高度属性来实现这一功能，同时更新阴影层和消息区的样式，以适应窗口尺寸的变化。 ### 总结 通过结合使用HTML、CSS和...
### JS控制网页背景随窗口大小自动适应 #### 知识点概述 本文将详细介绍如何使用JavaScript来实现网页背景图片随浏览器窗口大小的变化而自动调整尺寸的功能。这一技术在响应式设计中非常实用，能够让网站在不同...
根据提供的文件信息，本文将详细解释如何使用JavaScript在父页面中弹出一个新的窗口，并从这个新弹出的窗口中获取数据。此技术常用于需要在当前页面与另一个页面之间进行数据交互的应用场景。 ### 一、理解弹窗原理...
在探讨如何使用JavaScript获取浏览器窗口的大小和位置之前，需要了解几个关键的DOM属性，这些属性可以帮助我们收集到窗口的各种尺寸信息以及它在屏幕上的位置。这些属性包括了我们日常开发中可能经常用到的window....
在jQuery中，我们可以使用`$(window).width()`获取当前窗口宽度，然后根据窗口宽度来设置轮播图的宽度。同样，可以使用`$(window).height()`获取高度来调整轮播图的高度。此外，还需要调整图片的大小、位置，以及...
- `window.innerWidth` 属性用于获取当前窗口的内部宽度。 - `window.innerHeight` 属性用于获取当前窗口的内部高度。 此外，还涉及到Document对象的两个属性： - `document.body` 属性对应于HTML文档中的标签。 - ...
使用JavaScript获取网页的可见区域大小，可以使用`document.body.clientWidth`和`document.body.clientHeight`。这两个属性分别返回视口（也就是浏览器窗口中网页可见区域）的宽度和高度，不包括边框、滚动条或外边...
"基于JS的可以拖拽的窗口 JS实现网页内实现可以改变浮动层窗口大小的特效"是一个典型的前端技术应用场景，它涉及到JavaScript（JS）的基本知识，特别是DOM操作、事件处理以及CSS样式控制。这个项目的目标是创建一个...
在网页开发中，有时需要动态创建窗口并根据需求调整窗口大小，这可以通过JavaScript中的window.open方法及其相关属性和方法实现。 首先，window.open方法用于打开一个新的浏览器窗口或一个新标签页。该方法的基本...
// 根据窗口大小调整字体大小 }); if (window.matchMedia('(prefers-reduced-motion: no-preference)').matches) { // 如果用户未请求减少动画，可以执行一些字体大小的动态效果 } ``` 通过这些方法，我们...
在讨论JavaScript简单修改窗口大小的方法时，我们首先要了解的是Web浏览器窗口控制的相关技术。JavaScript提供了多种方式来对浏览器窗口进行操作，而其中最为常用的就是window对象的moveTo和resizeTo方法。本文将...
本主题将深入探讨“两个窗口之间的传值”这一概念，包括如何传递单个值以及多个值。 首先，我们要理解什么是窗口间的通信。在Web浏览器环境中，一个窗口可能包含多个标签页，每个标签页又可以打开多个子窗口或弹出...