`

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

    博客分类:
  • js
阅读更多
JS得到当前窗口的所有大小值

   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   +"   像素/英寸";



 

分享到:
评论

相关推荐

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

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

    JS根据浏览器窗口大小实时动态改变网页文字大小的方法

    本文主要介绍如何使用JavaScript实现根据浏览器窗口大小动态调整网页文字大小的功能。该技术在实现网页响应式设计中具有重要意义,允许网页内容在不同尺寸的屏幕设备上都能保持良好的可读性和布局适应性。 首先,...

    javascript获取窗口属性值

    ### JavaScript 获取窗口属性值 在Web开发中,JavaScript是一种广泛使用的编程语言,它能够与HTML和CSS紧密结合,为网页提供动态交互能力。其中一项常见需求是获取浏览器窗口的各种属性值,比如宽度、高度等,这...

    javascript 浏览器窗口大小改变事件

    这个场景涉及到JavaScript中的窗口大小改变事件。 在JavaScript中,有以下两个主要的事件用于监听浏览器窗口大小的变化: 1. `resize` 事件:这是最直接与窗口大小变化相关的事件。当你拖动浏览器窗口的边缘或者...

    js实现浏览器窗口大小被改变时触发事件的方法

    在web开发中,调整浏览器窗口大小是常见的用户操作之一,JavaScript提供了一种机制,允许我们在窗口大小变化时执行特定的代码。这篇文章的重点是介绍如何使用JavaScript中的window对象的onresize事件来实现当浏览器...

    网页HTML自适应窗口大小

    最后,`jQuery.js`是JQuery的核心库文件,它包含了所有JQuery的功能。这个文件会被引入到`demo.html`中,以便使用JQuery提供的各种功能,包括处理自适应窗口大小的代码。 综上所述,网页HTML的自适应窗口大小技术...

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

    这段代码会将`getPageSize`函数绑定到`window`的`resize`事件上,当浏览器窗口大小发生变化时,会自动调用`getPageSize`函数重新计算并更新窗口尺寸。 #### 三、代码示例分析 在给定的部分内容中,我们可以看到一个...

    子窗口向父窗口传递值

    `window.parent`是指当前窗口的父窗口,而`window.opener`则引用了创建当前窗口的窗口。假设子窗口有一个输入框,用户填写了数据,我们可以通过以下方式将数据回传给父窗口: ```javascript function ...

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

    代码中还包含了对窗口大小进行调整的功能,例如最小化窗口。`min` 函数通过修改窗口的高度属性来实现这一功能,同时更新阴影层和消息区的样式,以适应窗口尺寸的变化。 ### 总结 通过结合使用HTML、CSS和...

    JS获取浏览器窗口大小

    ### JS 获取浏览器窗口大小 在前端开发中,经常需要获取浏览器窗口的大小,以便于根据不同的屏幕尺寸调整页面布局或实现响应式设计。本文将详细介绍如何使用JavaScript来获取浏览器窗口的宽度、高度以及相关的属性...

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

    特性字符串用于描述新窗口的各种属性,如窗口大小、位置、是否需要工具栏等。在上述代码示例中,window.open('","","width=200,height=100')用于打开一个宽度为200像素、高度为100像素的新窗口,并且没有提供URL和...

    js实时获取窗口大小变化的实例代码

    使用jQuery库或者纯JavaScript,可以轻松地编写代码来监听窗口大小的变化,并根据获取到的高度和宽度值执行相应的操作,如调整布局、响应式设计等。在实现的过程中,还需注意代码的优化,避免过度消耗浏览器资源,...

    javascript 实现弹出小窗口

    - **核心知识点**:通过 JavaScript 代码创建一个新窗口或弹出窗口,并能够控制其大小、位置以及各种浏览器工具栏的显示与隐藏等属性。 #### 标签:弹出小窗口 - **关键词提取**:此标签表明文章的主题是围绕“弹出...

    JAVASCRIPT弹出窗口代码

    - **replace**:布尔值,确定是否使用历史堆栈中的URL替换当前条目。通常情况下,我们不使用这个参数。 #### 示例代码分析 根据题目提供的部分内容,我们可以看到一段具体的`window.open()`示例代码: ```...

    jQuery自适应窗口大小图片轮播特效

    **jQuery自适应窗口大小图片轮播特效**是一种利用JavaScript库jQuery实现的网页图像展示功能,它具有自动调整尺寸的能力,能够根据用户浏览器窗口的大小变化,动态地改变图片轮播的宽度和高度,以保持良好的视觉效果...

    JS控制网页背景随窗口大小自动适应

    ### JS控制网页背景随窗口大小自动适应 #### 知识点概述 本文将详细介绍如何使用JavaScript来实现网页背景图片随浏览器窗口大小的变化而自动调整尺寸的功能。这一技术在响应式设计中非常实用,能够让网站在不同...

    JAVASCRIPT弹出窗口大总结

    - 使用`window.close()`可以关闭当前窗口。 - 示例: ```javascript window.close(); ``` 3. **关闭顶层窗口**: - 使用`top.opener=null;top.close();`可以关闭顶层窗口。 - 示例: ```javascript top....

    javascript自定义浏览器窗口

    在本文中,我们将深入探讨如何利用JavaScript来实现自定义浏览器窗口的功能,包括窗口拖动、放大缩小、最小化以及全屏操作。 一、窗口拖动 在JavaScript中,我们可以使用事件监听来实现窗口拖动的功能。首先,我们...

    js窗口拖动效果

    在JavaScript编程中,实现窗口拖动效果是一项常见的需求,尤其在网页交互设计中。这个话题主要涉及以下几个核心知识点: 1. **DOM操作**:在JavaScript中,我们需要通过DOM(Document Object Model)来选取和操作...

    js弹出页面窗口和关闭.

    关闭窗口可以通过调用`window.close()`方法实现,但需要注意的是,只有当当前窗口是由`window.open()`打开时,才能被关闭。此外,由于浏览器的安全限制,外部窗口无法直接关闭内部窗口,除非内部窗口是由外部窗口...

Global site tag (gtag.js) - Google Analytics