`

JQuery获取浏览器窗口的高度和宽度【转】

js 
阅读更多

<script type="text/javascript"> 
$(document).ready(function() 

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 


</script>

分享到:
评论

相关推荐

    jQuery获取浏览器窗口的宽度和高度

    本篇文章将详细介绍如何使用 jQuery 获取浏览器窗口的宽度和高度,并对比不同方法的使用效果。 首先,`$(window).height()` 和 `$(window).width()` 是用来获取浏览器当前窗口可视区域的高度和宽度,也就是用户在...

    JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度

    JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度

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

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

    jQuery 获取屏幕高度和宽度

    这段代码会在页面加载完成后立即执行,打印出当前浏览器窗口的屏幕高度和宽度。`$(document).ready()`确保在执行任何操作前,HTML文档已经完全加载完毕。 如果你在`demo`文件中找到了示例代码,你可以打开浏览器的...

    js获取浏览器高度和宽度值(多浏览器)

    本文将详细介绍如何在多种浏览器环境下,包括IE、Firefox和Chrome等,获取浏览器的宽度和高度。 首先,我们来看IE浏览器中的方法: 1. `document.body.clientWidth`:返回BODY元素的宽度,不包括滚动条和边框。 2....

    JQuery获取浏览器窗口内容部分高度的代码

    JQuery中的window对象是一个全局对象,它并不是用来获取浏览器窗口的高度的,而是用来处理浏览器窗口的一些全局属性和方法,如窗口位置、滚动条位置、窗口大小等。 要获取浏览器窗口内容部分的高度,我们通常使用的...

    JS,Jquery获取各种屏幕的宽度和高度

    ### JS与jQuery获取屏幕宽度和高度的相关知识点 在前端开发中,经常需要获取用户的屏幕尺寸信息,例如宽度和高度等,这些数据对于响应式设计、布局调整等方面具有重要作用。通过JavaScript(简称JS)和jQuery这两种...

    JS获取浏览器窗口大小获取屏幕,浏览器,网页高度宽度[文].pdf

    在JavaScript中,获取浏览器窗口、屏幕以及网页的高度和宽度是常见的需求,这在网页布局、动态调整元素尺寸、响应式设计等方面非常有用。以下是一些关键的JavaScript属性和方法,用于获取这些信息: 1. **网页可见...

    jQuery响应浏览器窗口大小图片排列代码.zip

    // 根据窗口宽度和图片宽高比调整容器宽度 $(this).width(windowWidth * (/* 图片宽 / 高 */)); }); }).trigger('resize'); // 触发一次resize事件,初始化布局 ``` 这个解决方案借鉴了Flickr和Google+的图片...

    javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数.rar

    获取浏览器窗口的完整宽度和高度可以使用`window.outerWidth`和`window.outerHeight`。这两个属性包含了整个浏览器窗口的像素尺寸,包括菜单、工具栏等。 3. **动态监听窗口尺寸变化**: 有时候我们可能需要在窗口...

    jQuery获取浏览器中的分辨率实现代码

    另外,JavaScript的`document.body.clientWidth`和`document.body.clientHeight`返回当前网页在浏览器窗口内的可视宽度和高度,不包括滚动条。而`document.body.offsetWidth`和`document.body.offsetHeight`则包含了...

    【Jquery经典特效18】jQuery自适应宽度跟高度相册代码

    在本文中,我们将深入探讨如何使用jQuery实现一个自适应宽度和高度的相册代码,这是Jquery经典特效系列中的第18个主题。这个特效对于现代网页设计至关重要,因为它允许图片展示在不同屏幕尺寸和设备上都能保持良好的...

    基于jquery的获取浏览器窗口大小的代码

    文档中还使用了变量vardo_height和vardo_width来存储获取到的窗口高度和宽度值,并通过alert弹窗展示这两个值,以便于验证函数是否正确获取了浏览器窗口的尺寸。 在理解了代码的基本结构之后,我们可以深入探讨这些...

    JavaScript 获取浏览器的显示区域大小信息

    - **Scroll Size**:表示元素(如页面)的实际宽度和高度,包括任何不可见的部分。 - **Screen Size**:屏幕的尺寸,可以是整个显示器的尺寸或浏览器窗口的尺寸。 #### 二、获取浏览器显示区域尺寸的方法 ##### 1....

    jQuery响应式自适应浏览器窗口大小图片排列代码.zip

    该代码的主要目标是创建一个类似Flickr和Google+的图片画廊效果,它能够让图片在不同浏览器窗口大小下保持良好的显示效果,同时保证所有图片具有统一的高度,图片自身的宽高比得以保留。这种布局方式可以确保图片...

    关于获取各种浏览器可见窗口大小

    - **`document.body.clientWidth`** 和 **`document.body.clientHeight`**:这两个属性分别表示文档体的宽度和高度,不包含边框和滚动条。 - **`document.body.offsetWidth`** 和 **`document.body.offsetHeight`**...

    jquery实现根据浏览器窗口大小自动缩放图片的方法

    否则,根据窗口宽度和图片宽度的比例计算缩放比例。 5. 使用`percentage`调整图片的宽度和高度,减去30是为了避免图片过大导致的边距问题。 6. 监听窗口的`resize`事件,当窗口大小改变时,重新计算新的缩放比例,...

Global site tag (gtag.js) - Google Analytics