<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>powered by 25175.net
<TITLE> 25175 New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
var s = "网页可见区域宽："+ document.body.clientWidth;
s += "\r\n网页可见区域高："+ document.body.clientHeight;
s += "\r\n网页可见区域高："+ document.body.offsetWeight +" (包括边线的宽)";
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);
if (document.body.clientHeight<500)
{alert('400')
}
</SCRIPT>
</BODY>
</HTML>
jquery 获取浏览器高宽
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
})
相关推荐
### JavaScript 获取窗口属性值 在Web开发中，JavaScript是一种广泛使用的编程语言，它能够与HTML和CSS紧密结合，为网页提供动态交互能力。其中一项常见需求是获取浏览器窗口的各种属性值，比如宽度、高度等，这...
### JavaScript 子窗口与父窗口交互详解 在前端开发中，常常会遇到需要在一个窗口（通常称为父窗口）中打开另一个窗口（子窗口）的情况。这时，如何实现这两个窗口之间的数据交互便成了一个重要的问题。根据题目...
js获取浏览器窗口宽度、高度 判断浏览器窗口大小改变
在本文中，我们将深入探讨如何使用JavaScript获取浏览器高度、窗口高度、元素尺寸以及元素的偏移属性。这些都是前端开发中常见的需求，理解并掌握这些方法对于优化用户体验至关重要。 首先，我们来看如何获取浏览器...
每次窗口获得焦点时，`index` 变量会增加，窗口的 `z-index` 被设置为新的 `index` 值，使其成为最上层的元素。 此外，代码还定义了一些基本的CSS样式，如字体大小、链接颜色等，以及用于拖动时高亮显示的背景色和...
我们了解了CSS基础知识、JavaScript基础知识、获取浏览器窗口的高度、实现DIV层自适应高度、实现DIV层自适应宽度和监听窗口resize事件等知识点。这些知识点将帮助我们更好地实现网页的自适应设计。
### JavaScript 获取滚动条高度、页面宽度与高度 在前端开发中，经常需要处理与浏览器窗口相关的操作，例如响应式设计、动态布局调整等。本文将详细介绍如何使用JavaScript来获取滚动条的高度、页面的宽度和高度。 ...
下面将详细介绍如何利用JavaScript来获取这些关键的高度信息。 ### 1. 网页可见区域宽高 网页可见区域指的是浏览器窗口中实际显示网页内容的部分，不包括工具栏、滚动条等非内容区域。获取这部分区域的宽度和高度...
本文将深入探讨如何使用 JavaScript 在不同浏览器中获取页面高度。 首先，我们有两个基本属性可以用来获取页面的宽度和高度：`document.body.clientWidth` 和 `document.body.clientHeight`。这两个属性分别返回 `...
以下将详细介绍如何通过JavaScript获取这些信息，并探讨不同浏览器间可能存在的差异。 首先，我们可以使用`window.innerWidth`和`window.innerHeight`来获取浏览器窗口的总宽度和高度，包括工具栏和其他用户界面...
### JS 获取浏览器窗口大小 在前端开发中，经常需要获取浏览器窗口的大小，以便于根据不同的屏幕尺寸调整页面布局或实现响应式设计。本文将详细介绍如何使用JavaScript来获取浏览器窗口的宽度、高度以及相关的属性...
3. 计算偏移量：为了让窗口居中，我们需要计算出窗口的水平和垂直偏移量，即窗口宽度的一半减去屏幕宽度的一半，以及窗口高度的一半减去屏幕高度的一半。 4. 设置窗口位置：最后，使用`window.open()`函数打开新窗口...
本文将详细解析如何通过JavaScript获取不同浏览器中的浏览器高度、宽度以及相关的一些其他尺寸信息。 1. **浏览器高度和宽度的获取** - `document.body.clientWidth` 和 `document.body.clientHeight`: 这两个...
1. **尺寸检测**：通过JavaScript或CSS来检测窗口大小，例如使用`window.innerWidth`和`window.innerHeight`属性获取浏览器窗口的宽度和高度。 2. **媒体查询**（Media Queries）：CSS3引入的媒体查询是实现自适应...
JavaScript作为一种广泛应用于网页编程的语言，提供了多种方法来获取屏幕的高度、宽度以及其他相关信息。以下将深入探讨如何使用JavaScript来获取屏幕尺寸和其他关键信息。 ### 一、获取屏幕尺寸 #### 1.1 使用`...
在Web开发中，JavaScript提供了一种创建模态对话框的方式，被称为“JS模式窗口”。这种技术主要用于创建弹出式窗口，让用户在完成特定任务或查看信息时，不能与页面的其他部分进行交互。在标题“JS模式窗口”中，...
总结，JavaScript获取网页高度和宽度的方法多种多样，可以根据具体需求选择合适的方式。了解这些知识对于提升网页交互体验和实现动态布局至关重要。在教育领域，理解并熟练掌握这些技术可以帮助学生更好地构建动态、...
以下是一些关于如何使用JavaScript获取网页高度、宽度以及滚动位置的关键知识点。 1. **获取窗口滚动位置：** - `getScrollTop()` 函数用于获取当前页面滚动条的垂直偏移量。这个函数通过检查 `document....
获取窗口高度和宽度的方式略有不同，这里是通过window对象的innerHeight和innerWidth属性来获取。 实现窗口大小变化监听的代码可以放在HTML文档的部分或者部分的底部，以确保在执行这些脚本时DOM已经完全加载，从而...