使用jquery中height()方法获取各种高度大全

 这篇文章主要介绍了使用jquery中height()方法获取各种高度大全,比如浏览器高度、可视窗口高度、文档高度等,需要的朋友可以参考下

 
 代码如下:
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
 
 

时间: 2024-12-31 19:48:58

使用jquery中height()方法获取各种高度大全的相关文章

使用jquery中height()方法获取各种高度大全_jquery

复制代码 代码如下: alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin alert($(window

jQuery中height()方法用法实例_jquery

本文实例讲述了jQuery中height()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以获取或者设置匹配元素的高度值,默认单位是px. 语法结构一: 复制代码 代码如下: $(selector).height() 不带参数的时候是返回第一个匹配元素的当前高度.实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name=

jQuery中prop()方法用法实例_jquery

本文实例讲述了jQuery中prop()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以获取或者设置匹配元素的属性值. 根据方法参数的不同,作用也有所不同. 语法结构一:当参数为属性名称时,此方法能够匹配元素集合中,第一个匹配元素指定属性名称的属性值. 复制代码 代码如下: $("selector").prop(name) 参数列表: 参数 描述 name 定义要获取其值的属性名称. 实例代码: 实例一: 复制代码 代码如下: <!DOCTYPE html> &l

jQuery中attr()方法用法实例_jquery

本文实例讲述了jQuery中attr()方法用法.分享给大家供大家参考.具体分析如下: 此方法设置或返回匹配元素的属性值. attr()方法根据参数的不同,功能也不同. 语法结构一:获取第一个匹配元素指定属性的属性值. 复制代码 代码如下: $(selector).attr(name) 参数列表: 参数 描述 name 定义要获取其值的属性名称. 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charse

jQuery中outerHeight()方法用法实例_jquery

本文实例讲述了jQuery中outerHeight()方法用法.分享给大家供大家参考.具体分析如下: 此方法获取第一个匹配元素外部高度. 默认情况下外部高度是高度(height).内补白(padding)和边框(border)之和. 如果参数设置为true的话,外补白(margin)尺寸也会算入外部宽度. 此方法对可见和隐藏元素均有效.可以与outerWidth()方法结合学习. 语法结构: 复制代码 代码如下: $(selector).outerHeight(options) 参数列表: 参数

jQuery中innerHeight()方法用法实例_jquery

本文实例讲述了jQuery中innerHeight()方法用法.分享给大家供大家参考.具体分析如下: 获取第一个匹配元素内部区域高度. 包括内补白(padding).不包括边框border). 也就是说内部区域的宽度等于width和padding之和. 此方法对可见和隐藏元素均有效.可以结合innerWidth()方法学习. 语法结构: 复制代码 代码如下: $(selector).innerHeight() 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html&

浅谈jQuery中height与width_jquery

jquery中有三个获取element高度的方法,分别是:height(),innerHeight(),outerHeght(bool);同样对应的有三个获取element宽度的方法:width(),innerHeight(),outerHeight(bool),这三个方法分别对应怎样的元素属性,如下图所示: 从上面的图可以了解到:height()方法对应顶部style设置的width属性; innerHeight()对应width+padding-top+padding-bottom; out

jQuery中scrollLeft()方法用法实例_jquery

本文实例讲述了jQuery中scrollLeft()方法用法.分享给大家供大家参考.具体分析如下: 此方法获取或设置匹配元素相对滚动条左侧的偏移(offset)量. 语法结构一: 当scrollLeft()方法没有参数的时候就是获取匹配元素相对滚动条左侧的偏移量. 复制代码 代码如下: $(selector).scrollLeft() 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=&quo

jQuery使用getJSON方法获取json数据完整示例_jquery

本文实例讲述了jQuery使用getJSON方法获取json数据.分享给大家供大家参考,具体如下: demo.js: [ { "name":"吴者然", "sex":"男", "email":"demo1@123.com" }, { "name":"吴中者", "sex":"男", "email&q