jQuery 處理元素尺寸和瀏覽器視窗的尺寸

2022-08-12 07:27:18 字數 977 閱讀 7104

通過 jquery,很容易處理元素和瀏覽器視窗的尺寸。

1,jquery width() 和 height() 方法

width() 方法設定或返回元素的寬度(不包括內邊距、邊框或外邊距)。

height() 方法設定或返回元素的高度(不包括內邊距、邊框或外邊距)。

下面的例子返回指定的 元素的寬度和高度:

例項$("button").click(function());

2,jquery innerwidth() 和 innerheight() 方法

innerwidth() 方法返回元素的寬度(包括內邊距)。

innerheight() 方法返回元素的高度(包括內邊距)。

下面的例子返回指定的 元素的 inner-width/height:

例項$("button").click(function(){

var txt="";

txt+="inner width: " + $("#div1").innerwidth() + "

";txt+="inner height: " + $("#div1").innerheight();

$("#div1").html(txt);

3,jquery outerwidth() 和 outerheight() 方法

outerwidth() 方法返回元素的寬度(包括內邊距和邊框)。

outerheight() 方法返回元素的高度(包括內邊距和邊框)。

下面的例子返回指定的 元素的 outer-width/height:

例項$("button").click(function(){

var txt="";

txt+="outer width: " + $("#div1").outerwidth() + "

";txt+="outer height: " + $("#div1").outerheight();

$("#div1").html(txt);

JQuery處理元素尺寸和瀏覽器視窗尺寸

栗子1 顯示 div 元素的尺寸 width 返回元素的寬度 height 返回元素的高度 栗子2 js 下面js想新增對話方塊的定位,要求對話方塊顯示在決策報表全屏展示時的最下方,是挨著最下方,請高手幫忙指點 var url webreport reportserver?reportlet 1.c...

jQuery尺寸和位置操作

1.width height 獲取匹配元素的寬度和高度值,只有width height 2.innerwidth height 獲取包含padding的高度和寬度值 3.outerwidth outheight 獲取包含padding border的寬度和高度值 4.outerwidth true ...

元素的尺寸和位置

1 clientwidth clientheight 元素的可視部分的寬度和高度 也就是css的width加padding 它們不把邊框和滾動條計算在內,也不包括任何可能的滾動。若css中沒有指定元素的高度和寬度 即自適應 則ie中顯示0,而非ie瀏覽器則顯示實際的值 2 offsetwidth o...