`

JS得到窗口高度

 
阅读更多

在javascript中得到当前窗口的高和宽
<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);
</SCRIPT>

分享到：
| DOCTYPE声明对JS获取窗口宽度和高度的影响
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JS 切换多窗口

    **JS 切换多窗口详解** 在Web开发中，JavaScript是一种强大的客户端脚本语言，它允许我们实现丰富的交互性。本文将深入探讨如何利用JavaScript来切换多个窗口，以提升用户体验和网页功能。我们将通过一个简单的示例...

    JavaScript\JS\窗口类\牛B 用层模拟可移动的小窗口

    每次窗口获得焦点时，`index` 变量会增加，窗口的 `z-index` 被设置为新的 `index` 值，使其成为最上层的元素。 此外，代码还定义了一些基本的CSS样式，如字体大小、链接颜色等，以及用于拖动时高亮显示的背景色和...

    JavaScript弹出新窗口并控制窗口移动到指定位置的方法

    在上述代码示例中，window.open('","","width=200,height=100')用于打开一个宽度为200像素、高度为100像素的新窗口，并且没有提供URL和窗口名称。 2. 弹出窗口内容的编写：通过window.open()得到的新窗口对象（本例...

    使用JS+CSS实现DIV层自适应高度和宽度

    我们了解了CSS基础知识、JavaScript基础知识、获取浏览器窗口的高度、实现DIV层自适应高度、实现DIV层自适应宽度和监听窗口resize事件等知识点。这些知识点将帮助我们更好地实现网页的自适应设计。

    高度自适应窗口

    综上所述，高度自适应窗口是现代Web开发不可或缺的一部分，它通过灵活的设计策略和技术，确保了内容在各种设备上都能得到最佳展示。理解并掌握这些技术和工具对于任何希望构建跨平台、用户体验优良的应用或网站的...

    支持弹出多个窗口的jQuery弹窗插件

    最大化功能允许用户快速将窗口扩展到屏幕全尺寸，从而获得更广阔的视野；而最小化则能将窗口缩小至任务栏或系统托盘，节省屏幕空间。这些功能通过简单的API调用即可实现，大大提升了用户体验。 再者，popupWindow....

    showModalDialog使用例子,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口

    在JavaScript中，`showModalDialog`是一个非常有用的函数，它允许我们打开一个新的浏览器窗口或对话框，并与父窗口进行交互。这个功能在开发过程中经常用于创建弹出式表单、确认对话框或者需要用户输入信息的场景。...

    js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码

    获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。IE中，浏览器显示窗口大小只能以下获取： 代码如下复制代码 代码如下:document.body.offsetWidth document.body.offsetHeight在声明了...

    javascript获得网页窗口实际大小的示例代码.docx

    ### JavaScript 获取网页窗口实际大小知识点解析 #### 一、引言 在Web开发过程中，获取浏览器窗口的实际尺寸是一项常见的需求。这有助于实现响应式布局、动态调整页面元素大小等功能。JavaScript 提供了多种方法来...

    Javascript 获取页面高度（多种浏览器）

    这个函数会返回当前浏览器窗口的可视高度和宽度，即使在不同浏览器和标准模式下也能得到一致的结果。`window.innerHeight` 和 `window.innerWidth` 是针对现代浏览器的解决方案，当其他方法失效时，它们通常能提供...

    JavaScript得到当前窗口的所有大小值

    ### JavaScript 获取当前窗口的所有大小值 在Web开发中，经常需要获取浏览器窗口或者特定元素的尺寸信息，这对于响应式设计、动态布局调整等场景尤为重要。本文将详细介绍如何使用JavaScript来获取当前窗口的各种...

    JavaScript获取屏幕高度和宽度等信息

    JavaScript作为一种广泛应用于网页编程的语言，提供了多种方法来获取屏幕的高度、宽度以及其他相关信息。以下将深入探讨如何使用JavaScript来获取屏幕尺寸和其他关键信息。 ### 一、获取屏幕尺寸 #### 1.1 使用`...

    JavaScript窗口对象概述.pdf

    - **focus()**：使当前窗口获得焦点，置于所有窗口之上。 - **blur()**：移除当前窗口的焦点。 - **scrollTo()**：将窗口滚动到指定的坐标位置。 - **scrollBy()**：按照指定的距离滚动窗口。 - **setTimeout()...

    准确获得页面、窗口高度及宽度的JS

    function getPageSize(){ var xScroll, yScroll; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY;...

    将弹出窗口切换至最大.txt

    这行代码用于使当前窗口获得焦点，即当窗口调整完毕后，会自动成为活动窗口。这对于提升用户体验非常重要，尤其是当用户从一个页面跳转到另一个页面时，确保新打开的窗口立即获得焦点可以减少用户的操作步骤。 ####...

    js弹出一个新页面并获得弹出页面的值

    根据提供的文件信息，本文将详细解释如何使用JavaScript在父页面中弹出一个新的窗口，并从这个新弹出的窗口中获取数据。此技术常用于需要在当前页面与另一个页面之间进行数据交互的应用场景。 ### 一、理解弹窗原理...

    JavaScript新窗口与子窗口传值详解

    这个方法在JavaScript1.0及以上版本，以及多种浏览器如Nav2、IE3和Opera3中都得到了支持。`window.open()`接收三个参数：`pageURL`、`name`和`parameters`。 1. `pageURL`：这是一个必需的参数，定义了新窗口或子...

    根据浏览器屏幕大小高度自适应

    // 在这里根据新的窗口高度进行调整 }); ``` 结合以上知识点，我们可以在`autoheight.html`文件中创建一个示例。在这个文件中，可能包含了一个动态调整其高度以适应浏览器窗口大小的div元素。当用户改变浏览器窗口...

    iframe高度自适应.pdf

    实现`iframe`高度自适应的基本思路是在页面加载完成或者窗口大小发生变化时，通过JavaScript动态计算嵌入内容的实际高度，并相应地调整`iframe`的高度。这种方法的核心在于编写合适的JavaScript函数来获取嵌入内容的...

Magicbox
Global site tag (gtag.js) - Google Analytics