通過 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...