成都创新互联网站制作重庆分公司

获取宽度jquery,获取宽度js

如何使用jQuery获取对象的尺寸

jqObj.width();//获取宽度,该宽度不包含border(左右)和padding(左右)所占大小

创新互联是一家专注于成都网站设计、网站制作与策划设计,和平网站建设哪家好?创新互联做网站,专注于网站建设十年,网设计领域的专业建站公司;建站业务涵盖:和平等地区。和平做网站价格咨询:18980820575

jqObj.outerWidth();//也是获取宽度,该宽度包含border(左右)和padding(左右)所占大小

//高度同理,jqObj.height() 和 jqObj.outerHeight();

//比如有下面这样一个div

div id="box" style="width:15px; height:15px; border:solid 5px #ccc; padding:3px; "

/div

var jqObj = $("#box");

jqObj.width(); //结果为 15;

jqObj.outerWidth(); //结果为  15 + 10 + 6; 

//15为width,10为border-width左右的尺寸,6为padding左右的尺寸

[img]

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

Javascript:

网页可见区域宽:

document.body.clientWidth

网页可见区域高:

document.body.clientHeight

网页可见区域宽:

document.body.offsetWidth

(包括边线的宽)

网页可见区域高:

document.body.offsetHeight

(包括边线的高)

网页正文全文宽:

document.body.scrollWidth

网页正文全文高:

document.body.scrollHeight

网页被卷去的高:

document.body.scrollTop

网页被卷去的左:

document.body.scrollLeft

网页正文部分上:

window.screenTop

网页正文部分左:

window.screenLeft

屏幕分辨率的高:

window.screen.height

屏幕分辨率的宽:

window.screen.width

屏幕可用工作区高度:

window.screen.availHeight

屏幕可用工作区宽度:

window.screen.availWidth

JQuery:

$(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

})

jquery中怎么获取当前窗口的宽度

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怎么获取元素的宽度

假设有以下元素:

div id="element" width="4226"/div

则获取元素宽度的代码写成这样:

return getElementById('element').width;//返回div宽度

jquery 如何获取滚动条的宽度

获取浏览器显示区域的高度 :

$(window).height();

获取浏览器显示区域的宽度 :

$(window).width();

获取页面的文档高度 :

$(document).height();

获取页面的文档宽度 :

$(document).width();

获取滚动条到顶部的垂直高度 :

$(document).scrollTop();

获取滚动条到左边的垂直宽度 :

$(document).scrollLeft();

计算元素位置和偏移量:

$(id).offset();


文章标题:获取宽度jquery,获取宽度js
链接地址:http://cxhlcq.com/article/dsohdge.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部