一、常見尺寸
1.width() 方法設定或返回元素的寬度(不包括內邊距、邊框或外邊距)。
$("#div1").width(500)
$("#div1").width('300')
$("#div1").width('300px')
$("#div").width(100).height(200)
擴充套件:js中scrollwidth:獲取物件的滾動寬度 ( 判斷容器內容是否溢位 : $(selector).get(0).scrollwidth > $(selector).width() )
說明:1). 寬高都寫在樣式表裡,就比如#div1,
通過#div1.style.width拿不到寬度,
而通過#div1.offsetwidth才可以獲取到寬度;
2). 寬和高是寫在行內中,比如style="width:120px;",這中情況通過上述2個方法都能拿到寬度
2.innerwidth() 方法設定或返回元素的寬度(包括內邊距)。
3.outerwidth() 方法設定或返回元素的寬度(包括內邊距和邊框)。
4.outerwidth(true) 方法返回元素的寬度(包括內邊距、邊框和外邊距 ,); 總結 : width()<=innerwidth()<=outerwidth()<=outerwidth(true)。
5.可視區域高度
$(window).height()
js相容寫法:
var w=window.innerwidth6.文件高度|| document.documentelement.clientwidth
|| document.body.clientwidth;
var h=window.innerheight
|| document.documentelement.clientheight
|| document.body.clientheight;
$(document).height()
7.滾動條到頂部的垂直高度
$(document).scrolltop()
js: document.documentelement.scrolltop document.body.scrolltop
8.滾動條到左邊的垂直寬度
$(document).scrollleft()
$(『div』).scrollleft(100)
二、間距
1.offset() 方法返回或設定匹配元素相對於文件的偏移(位置)。 (以左上角為0,0的相對偏移:正值)
$("#div1").offset() //
$("p").offset($("span").offset()); // 重疊兩元素
2.position() 方法返回匹配元素相對于父元素的位置(偏移)。 (用法同offset() ,只是不能設定,同時其參照是其父元素)
$("p").position().left()
3.offsetparent() 方法返回最近的祖先定位元素( css position 屬性被設定為 relative、absolute 或 fixed 的元素)。
$("p").offsetparent().css("background-color","red");
4. offsetleft屬性 ,js提供:元素的邊框的外邊緣距離與已定位的父容器(offsetparent)的左邊距離 && offsettop ($("p").get(0).offsetleft)
offsetwidth:元素內容寬度+內邊距+邊框,不包括外邊距 && offsetheight
clientleft:元素邊框的左邊框寬度 && clienttop
clientwidth:用於描述元素內尺寸寬度,是指 元素內容+內邊距 大小,不包括邊框、外邊距、滾動條部分 && clientheight
scrollwidth:內容區域尺寸加上內邊距加上溢位尺寸,當內容正好和內容區域匹配沒有溢位時,這些屬性與clientwidth和clientheight相等 && scrollheight
scrolltop:滾動條上方滾動高度 && scrollleft
jquery中width和js中js中關於clientwidth offsetwidth scrollwidth 等的含義
js獲取元素相對視窗位置的實現**
常見的海報標準尺寸
一 一般海報尺寸 普通海報尺寸 42cm 57cm 寬 高 大度四開 57cm 84cm 寬 高 大度對開 二 宣傳海報尺寸 商用海報尺寸 50cm 70cm 寬 高 57cm 84cm 寬 高 大度對開 三 標準海報尺寸 13cm 18cm 19cm 25cm 42cm 57cm 50cm 70c...
LaTex段落與間距
1.水平間距。quad 插入相當於當前字型大小的空白 qquad 是 quad的兩倍 空白比較小 hfill 根據排版需要插入空白,撐滿整行 hspace和 hspace hphantom 插入相當於所輸入文字寬度的寬度 2.垂直間距。vspace和 vspace 3.段落首行縮排。導言區中加入 s...
相機尺寸與景深
標題的另一種說法是,拿到乙個待光學檢測的產品後,應該如何選相機和鏡頭?其最重要的考量因素有哪些呢?首先要考量的就是將影象拍清晰,即畫素尺寸要足夠的小。畫素尺寸是指乙個畫素所佔的實際物理範圍。比如說,乙個5um 5um的矩形,如果畫素尺寸為5um 5um,該矩形在影象中乙個點。如果畫素尺寸為1um 1...