js中的寬高

元素的寬度/高度
元素.offsetWidth/offsetHeight 包含邊框和滾動(dòng)條(不算超出的部分)
元素.clientWidth/clientHeight 不包含邊框侵贵、不包含滾動(dòng)條(不算超出的部分)
元素.scrollWidth/元素.scrollHeight 內(nèi)容的實(shí)際寬高(算超出的部分)

可視區(qū)域的寬高
寬:document.body.clientWidth||document.documentElement.clientWidth //兼容ie
高:document.body.clientHeight||document.documentElement.clientHeight

瀏覽器窗口內(nèi)部的寬/高
window.innerWIdth/window.innerHeight//會(huì)隨瀏覽器變大變小改變

屏幕寬高
window.width/window.height
屏幕可用部分寬高
window.avaiWidth/window.avaiHeight

offsetParent/offsetLeft/offsetTop
odiv.offsetParent:找到離當(dāng)前元素odiv最近的且有定位的父級(jí)元素供搀。會(huì)一級(jí)一組的向上找长豁,找不到就是body.
odiv.offsetLeft:找到與當(dāng)前元素最近的且有定位的父級(jí)元素的左邊距離、
odiv.offsetTop:找到與當(dāng)前元素最近的且有定位的父元素的上邊距離

clientLeft/clientTop元素的邊框?qū)?高

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末捌朴,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌赏酥,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,820評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件谆构,死亡現(xiàn)場(chǎng)離奇詭異裸扶,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)搬素,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,648評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門呵晨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人熬尺,你說(shuō)我怎么就攤上這事摸屠。” “怎么了粱哼?”我有些...
    開(kāi)封第一講書人閱讀 168,324評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵季二,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我揭措,道長(zhǎng)胯舷,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 59,714評(píng)論 1 297
  • 正文 為了忘掉前任蜂筹,我火速辦了婚禮需纳,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘艺挪。我一直安慰自己不翩,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,724評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布麻裳。 她就那樣靜靜地躺著口蝠,像睡著了一般。 火紅的嫁衣襯著肌膚如雪津坑。 梳的紋絲不亂的頭發(fā)上妙蔗,一...
    開(kāi)封第一講書人閱讀 52,328評(píng)論 1 310
  • 那天,我揣著相機(jī)與錄音疆瑰,去河邊找鬼眉反。 笑死昙啄,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的寸五。 我是一名探鬼主播梳凛,決...
    沈念sama閱讀 40,897評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼梳杏!你這毒婦竟也來(lái)了韧拒?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 39,804評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤十性,失蹤者是張志新(化名)和其女友劉穎叛溢,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體劲适,經(jīng)...
    沈念sama閱讀 46,345評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡楷掉,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,431評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了霞势。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片靖诗。...
    茶點(diǎn)故事閱讀 40,561評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖支示,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情鄙才,我是刑警寧澤颂鸿,帶...
    沈念sama閱讀 36,238評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站攒庵,受9級(jí)特大地震影響嘴纺,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜浓冒,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,928評(píng)論 3 334
  • 文/蒙蒙 一栽渴、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧稳懒,春花似錦闲擦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 32,417評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至或油,卻和暖如春寞忿,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背顶岸。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,528評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工腔彰, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留叫编,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,983評(píng)論 3 376
  • 正文 我出身青樓霹抛,卻偏偏與公主長(zhǎng)得像搓逾,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子上炎,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,573評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容