javascript 常用尺寸屬性

2021-09-11 20:33:02 字數 2184 閱讀 3243

offsetwidth 和 style.width (高度同理)的區別:

offsetwidth 會獲取: 元素本身的高度 + padding + border

style.width會獲取: 元素本身的高度 並且 style.width 只能獲取行內樣式

offsetwidth 返回數字style.width 返回帶單位的字串

offsetparent和parentnode的區別:

offsetparent會找到有定位的父標籤(就近原則), parentnode只能做到本元素的父標籤

// offset系列屬性 和 style.屬性 的區別:  以 offsetleft 和style.left為例

// 1) style.left只能獲取行內的,而offsetleft可以獲取所有的

// 2) offsetleft可返回沒有定位盒子距離左側的距離為style.left只能返回有定位盒子的left

// 3) offsetlfet返回的數字而 style.left 返回的是字串,除了數字還有單位的px

// 4) offsetleft只能獲取不能修改 style.left可以獲取,也也可以修改

注: 只有在視窗 或 文件的時候才能獲取 scroll屬性的值

window.pagexoffset; // scrollleft

window.pageyoffset; // scrolltop

document.documentelement.scrolltop;  // scrolltop

document.documentelement.scrollleft; // scrollleft

document.body.scrolltop;  // scrolltop

document.body.scrollleft; // scrollleft

var scrolltop = window.pageyoffset || document.documentelement.scrolltop || document.body.scrolltop || 0; // scrolltop

var scrollleft = window.pageyoffset || document.documentelement.scrollleft || document.body.scrollleft || 0; // scrollleft

/** * 獲取滾動的頭部距離和左邊距離

* scroll().top

* scroll().left

* @returns }

*/function scroll()

} else if (document.compatmodel === 'css1compat')

} else

}}

window.innerwidth;  // 可視區域的寬度

window.innerheight; // 可視區域的高度

document.documentelement.clientwidth;  // 可視區域的寬度

document.documentelement.clientheight; // 可視區域的高度

document.body.clientwidth;  // 可視區域的寬度

document.body.clientheight; // 可視區域的高度

/**

* 獲取螢幕的寬度和高度

* client().width

* client().height

* @returns }

*/function client() ;

}else if (document.compatmodel === 'css1compat') ;

}return ;

}

JavaScript事件event物件屬性

ie和ff獲取事件的不同 var e window.event e.target event 物件只在事件發生的過程中才有效。阻止事件預設行為 ie window.event.returnvalue true ff e.preventdefault 阻止事件冒泡行為 ie window.event....

C Json JsonProperty 常用屬性

public class testdatalistentity jsonproperty nullvaluehandling nullvaluehandling.ignore public string testname jsonproperty nullvaluehandling nullvalu...

設計常用尺寸

名片 橫版 90 55mm 方角 85 54mm 圓角 豎版 50 90mm 方角 54 85mm 圓角 方版 90 90mm 90 95mm ic卡 85x54mm 三摺頁廣告 標準尺寸 a4 210mm x 285mm 普通宣傳冊 標準尺寸 a4 210mm x 285mm 檔案封套 標準尺寸 ...