`
cxy020
  • 浏览: 63594 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

获取浏览宽高

 
阅读更多
$(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
});
分享到:
评论

相关推荐

    js兼容火狐获取图片宽和高的方法

    然而,不同的浏览器可能在实现上有所差异,特别是在较早版本的火狐浏览器中,JavaScript获取图片尺寸的API和现代浏览器有所不同。本知识点主要介绍如何在不同版本的浏览器,尤其是早期版本的火狐浏览器中,兼容性地...

    【JavaScript源代码】JavaScript获取网页的宽高及如何兼容详解.docx

    本文将详细介绍如何使用 JavaScript 获取网页的宽高,并探讨如何处理浏览器兼容性问题。 首先,我们可以直接通过 `document.documentElement` 对象来获取整个HTML文档的宽度和高度。`clientWidth` 属性返回可视区域...

    js 获取屏幕各种宽高的方法(浏览器兼容)

    需要注意的是,在旧版的IE浏览器中,`clientWidth`和`clientHeight`并不包括边框宽度,只包括元素的宽高加上内边距(padding)。而在其他现代浏览器中,`clientWidth`和`clientHeight`通常包括了内边距。因此,在跨...

    用js小类库获取浏览器的高度和宽度信息

    因此当用户在一个较长内容的网页中点击某一个按钮显示DIV层会发现没有任何效果(其实已经在页面的顶部显示了),因此,我们需要准备的知道用户当前的浏览的位置的信息。在实现这个要求之前,先来看看在js中有哪些工具...

    各情景下元素宽高的获取实现代码

    在实际应用中,为了兼容各种浏览器,我们可以编写一个通用的函数来获取元素的宽高,考虑`offsetWidth`、`offsetHeight`以及`getComputedStyle`和`currentStyle`: ```javascript function getElementSize(el, prop)...

    木纹背景分栏目浏览简洁大方宽屏ppt模板.rar

    标题中的“木纹背景分栏目浏览简洁大方宽屏ppt模板”指的是一个专门设计用于演示文稿的PPT模板,该模板采用了木质纹理作为背景,旨在为...同时,利用网站资源,用户可以轻松获取和定制更多类似的模板,满足不同的需求。

    Js获取图片原始宽高的实现代码

    传统的img标签获取到的宽高往往是被CSS样式修改过的,而非图片的原始尺寸。因此,我们需要借助JavaScript来实现这一功能。 根据提供的文件内容,知识点可以分为以下几个部分进行详细说明: ### JavaScript 获取...

    js 获取图像缩放后的实际宽高,位置等信息

    而在非IE浏览器中,只有display属性为inline的元素才能获取到矩形集合。 由于兼容性的问题,目前更多情况下使用getBoundingClientRect()方法。它的兼容性较好,大多数现代浏览器都支持,而且使用更为方便。...

    javascript获取窗口属性值

    通过上述属性,开发者可以更深入地了解用户的浏览环境,并据此进行更精细的布局和交互设计。值得注意的是,不同的浏览器可能会有不同的实现细节,因此在实际开发中还需要进行充分的测试和调试,以确保跨平台兼容性。...

    JS 获取浏览器和屏幕宽高等信息的实现思路及代码

    网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) ...

    C#图片浏览程序(源码)

    比例显示功能则是通过计算缩放比例来实现的,确保图片在窗口内按照其原始宽高比进行展示。这通常需要在缩放操作时保持宽度和高度的比例关系,避免图片变形。 此外,该程序可能还包括一些其他特性,如导航功能,使...

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

    s += "网页可见区域高(包括边线的宽):" + document.body.offsetHeight + " "; s += "网页正文全文宽:" + document.body.scrollWidth + " "; s += "网页正文全文高:" + document.body.scrollHeight + ...

    无组件上传修改(获取上传的FLASH,图片宽度和高度)

    总结来说,“风声无组件上传修改版”是一个优化过的文件上传解决方案,它利用HTML5和Flash技术,提供无插件的上传体验,并能获取图片的宽高信息,提高了上传的灵活性和实用性。这样的工具对于需要处理大量用户上传...

    自动上下拉菜单,自适应宽高(ios)

    在iOS开发中,实现一个自动上下拉菜单并具备自适应宽高的功能是一项常见的需求,尤其在设计用户界面时。这个功能通常用于创建更加灵活且友好的交互体验,使得用户能够轻松浏览和选择不同层次的数据。以下是一些关于...

    高分三号(GF-3)原始影像数据参数详细说明报告

    超精细条带模式则在较宽的成像带宽(2.5-5公里)上保持较高分辨率,适用于对地表特征的详细扫描。此外,精细条带和标准条带模式适用于中到大范围的地形覆盖,支持双极化选项,这意味着可以同时获取水平和垂直极化的...

    宽屏平面设计官网模板

    3. **内容展示**:宽屏设计能容纳更多的信息,无论是文字描述还是多图展示,都能够更好地组织和呈现,使得用户在浏览时能快速获取关键信息。 4. **响应式设计**:考虑到不同设备的屏幕尺寸,好的宽屏模板会采用响应...

    JS 获取浏览器和屏幕宽高等信息代码

    总之,通过这些属性和方法,开发者可以获取到浏览器窗口和屏幕的各种尺寸信息,进而进行页面布局和交互设计,为用户提供更好的浏览体验。在实际应用中,开发者还需要注意浏览器的兼容性问题,可能需要根据不同的...

    JS获取网页属性包括宽、高等等

    document.body.scrollTop和document.body.scrollLeft分别获取了当前窗口顶部和左边滚动过的距离,而document.documentElement.scrollTop和document.documentElement.scrollLeft则是在标准模式(尤其是针对IE浏览器)...

    淘宝宽屏轮播代码

    它通常包括一组大图(如001.jpg、002.jpg、003.jpg),这些图片会在用户浏览时自动切换,提供流畅的视觉效果。左右箭头(如right.png、left.png)用于手动切换图片,使用户能够自由控制展示的内容。 制作宽屏轮播的...

    jquery----TextArea高度自适应

    - 如果不是IE浏览器,先将TextArea的高度设为0,然后获取`scrollHeight`属性,即包含滚动条在内的元素实际高度。 - 根据`minHeight`和`maxHeight`限制最终的高度值,确保不会超出预设范围。 - 最后,设置TextArea的...

Global site tag (gtag.js) - Google Analytics