js獲取網(wǎng)頁屏幕寬高

document.body.clientWidth ==> BODY對象寬度  
document.body.clientHeight ==> BODY對象高度  
document.documentElement.clientWidth ==> 可見區(qū)域?qū)挾? 
document.documentElement.clientHeight ==> 可見區(qū)域高度  
  
網(wǎng)頁可見區(qū)域?qū)挘?document.body.clientWidth  
網(wǎng)頁可見區(qū)域高: document.body.clientHeight  
網(wǎng)頁可見區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬)  
網(wǎng)頁可見區(qū)域高: document.body.offsetHeight (包括邊線的高)  
網(wǎng)頁正文全文寬: document.body.scrollWidth  
網(wǎng)頁正文全文高: document.body.scrollHeight  
網(wǎng)頁被卷去的高: document.body.scrollTop  
網(wǎng)頁被卷去的左: document.body.scrollLeft  
網(wǎng)頁正文部分上: window.screenTop  
網(wǎng)頁正文部分左: window.screenLeft  
屏幕分辨率的高: window.screen.height  
屏幕分辨率的寬: window.screen.width  
屏幕可用工作區(qū)高度: window.screen.availHeight  
屏幕可用工作區(qū)寬度: window.screen.availWidth  
  
// 部分jQuery函數(shù)  
$(window).height()  //瀏覽器時下窗口可視區(qū)域高度   
$(document).height()    //瀏覽器時下窗口文檔的高度   
$(document.body).height()      //瀏覽器時下窗口文檔body的高度   
$(document.body).outerHeight(true) //瀏覽器時下窗口文檔body的總高度 包括border padding margin   
$(window).width()  //瀏覽器時下窗口可視區(qū)域?qū)挾?  
$(document).width()//瀏覽器時下窗口文檔對于象寬度   
$(document.body).width()      //瀏覽器時下窗口文檔body的高度   
$(document.body).outerWidth(true) //瀏覽器時下窗口文檔body的總寬度 包括border padding  
  
HTML精確定位:scrollLeft,scrollWidth,clientWidth,offsetWidth   
scrollHeight: 獲取對象的滾動高度沙峻。   
scrollLeft:設(shè)置或獲取位于對象左邊界和窗口中目前可見內(nèi)容的最左端之間的距離   
scrollTop:設(shè)置或獲取位于對象最頂端和窗口中可見內(nèi)容的最頂端之間的距離   
scrollWidth:獲取對象的滾動寬度   
offsetHeight:獲取對象相對于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的高度   
offsetLeft:獲取對象相對于版面或由 offsetParent 屬性指定的父坐標(biāo)的計算左側(cè)位置   
offsetTop:獲取對象相對于版面或由 offsetTop 屬性指定的父坐標(biāo)的計算頂端位置   
event.clientX 相對文檔的水平座標(biāo)   
event.clientY 相對文檔的垂直座標(biāo)   
event.offsetX 相對容器的水平坐標(biāo)   
event.offsetY 相對容器的垂直坐標(biāo)   
document.documentElement.scrollTop 垂直方向滾動的值   
event.clientX+document.documentElement.scrollTop 相對文檔的水平座標(biāo)+垂直方向滾動的量
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子僚饭,更是在濱河造成了極大的恐慌阿蝶,老刑警劉巖晴圾,帶你破解...
    沈念sama閱讀 212,686評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件懦冰,死亡現(xiàn)場離奇詭異,居然都是意外死亡谣沸,警方通過查閱死者的電腦和手機(jī)刷钢,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,668評論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來乳附,“玉大人内地,你說我怎么就攤上這事「吵” “怎么了阱缓?”我有些...
    開封第一講書人閱讀 158,160評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長举农。 經(jīng)常有香客問我荆针,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,736評論 1 284
  • 正文 為了忘掉前任航背,我火速辦了婚禮喉悴,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘玖媚。我一直安慰自己箕肃,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,847評論 6 386
  • 文/花漫 我一把揭開白布今魔。 她就那樣靜靜地躺著勺像,像睡著了一般。 火紅的嫁衣襯著肌膚如雪错森。 梳的紋絲不亂的頭發(fā)上吟宦,一...
    開封第一講書人閱讀 50,043評論 1 291
  • 那天,我揣著相機(jī)與錄音问词,去河邊找鬼督函。 笑死,一個胖子當(dāng)著我的面吹牛激挪,可吹牛的內(nèi)容都是我干的辰狡。 我是一名探鬼主播,決...
    沈念sama閱讀 39,129評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼垄分,長吁一口氣:“原來是場噩夢啊……” “哼宛篇!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起薄湿,我...
    開封第一講書人閱讀 37,872評論 0 268
  • 序言:老撾萬榮一對情侶失蹤叫倍,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后豺瘤,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體吆倦,經(jīng)...
    沈念sama閱讀 44,318評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,645評論 2 327
  • 正文 我和宋清朗相戀三年坐求,在試婚紗的時候發(fā)現(xiàn)自己被綠了蚕泽。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,777評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡桥嗤,死狀恐怖须妻,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情泛领,我是刑警寧澤耍群,帶...
    沈念sama閱讀 34,470評論 4 333
  • 正文 年R本政府宣布巴碗,位于F島的核電站精堕,受9級特大地震影響基跑,放射性物質(zhì)發(fā)生泄漏瞧挤。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,126評論 3 317
  • 文/蒙蒙 一动知、第九天 我趴在偏房一處隱蔽的房頂上張望皿伺。 院中可真熱鬧,春花似錦盒粮、人聲如沸鸵鸥。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,861評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽妒穴。三九已至,卻和暖如春摊崭,著一層夾襖步出監(jiān)牢的瞬間讼油,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,095評論 1 267
  • 我被黑心中介騙來泰國打工呢簸, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留矮台,地道東北人。 一個月前我還...
    沈念sama閱讀 46,589評論 2 362
  • 正文 我出身青樓根时,卻偏偏與公主長得像瘦赫,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子蛤迎,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,687評論 2 351

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

  • Window和document對象的區(qū)別 window對象window對象表示瀏覽器中打開的窗口window對象是...
    FConfidence閱讀 2,164評論 0 5
  • 網(wǎng)頁可見區(qū)域?qū)挘篸ocument.body.clientWidth網(wǎng)頁可見區(qū)域高:document.body.cl...
    LuckyS007閱讀 655評論 0 0
  • 屏幕的有效寬高: window.screen.availHeightwindow.screen.availWidt...
    Yumazhiyao閱讀 1,824評論 0 0
  • 那天W同學(xué)說晚上從惠州回來确虱,第二天去蛇口,因?yàn)樘骜桑炖蠋熒铡?是的校辩,此朱老師,正是彼朱大哥辆童。兄弟如手足宜咒,其重要程度...
    安之若零閱讀 242評論 10 7
  • 序章 從遠(yuǎn)方傳來的鳥鳴聲,漸漸清晰再到模糊把鉴。從遠(yuǎn)處飄散而過的風(fēng)故黑,帶著安詳與溫柔,輕輕吹起身旁的簾布纸镊。 十月...
    永夜sakura閱讀 237評論 0 0