<!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已经完全加载,从而...