下載本文檔
版權(quán)說(shuō)明:本文檔由用戶(hù)提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、IE中:document.body.clientWidth => BODY對(duì)象寬度document.body.clientHeight => BODY對(duì)象高度document.documentElement.clientWidth => 可見(jiàn)區(qū)域?qū)挾萪ocument.documentElement.clientHeight => 可見(jiàn)區(qū)域高度FireFox中:document.body.clientWidth => BODY對(duì)象寬度document.body.clientHeight => BODY對(duì)象高度document.documentElement.c
2、lientWidth => 可見(jiàn)區(qū)域?qū)挾萪ocument.documentElement.clientHeight => 可見(jiàn)區(qū)域高度Opera中: document.body.clientWidth => 可見(jiàn)區(qū)域?qū)挾萪ocument.body.clientHeight => 可見(jiàn)區(qū)域高度document.documentElement.clientWidth => 頁(yè)面對(duì)象寬度(即BODY對(duì)象寬度加上Margin寬)document.documentElement.clientHeight => 頁(yè)面對(duì)象高度(即BODY對(duì)象高度加上Margin高)沒(méi)有定
3、義W3C的標(biāo)準(zhǔn),則IE為:document.documentElement.clientWidth => 0document.documentElement.clientHeight => 0FireFox為:document.documentElement.clientWidth => 頁(yè)面對(duì)象寬度(即BODY對(duì)象寬度加上Margin寬)document.documentElement.clientHeight => 頁(yè)面對(duì)象高度(即BODY對(duì)象高度加上Margin高)Opera為:document.documentElement.clientWidth =>
4、頁(yè)面對(duì)象寬度(即BODY對(duì)象寬度加上Margin寬)document.documentElement.clientHeight => 頁(yè)面對(duì)象高度(即BODY對(duì)象高度加上Margin高)網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.clientWidth網(wǎng)頁(yè)可見(jiàn)區(qū)域高: document.body.clientHeight網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.offsetWidth (包括邊線(xiàn)的寬)網(wǎng)頁(yè)可見(jiàn)區(qū)域高: document.body.offsetHeight (包括邊線(xiàn)的高)網(wǎng)頁(yè)正文全文寬: document.body.scrollWidth網(wǎng)頁(yè)正文全文高: docum
5、ent.body.scrollHeight網(wǎng)頁(yè)被卷去的高: document.body.scrollTop網(wǎng)頁(yè)被卷去的左: document.body.scrollLeft網(wǎng)頁(yè)正文部分上: window.screenTop網(wǎng)頁(yè)正文部分左: window.screenLeft屏幕分辨率的高: window.screen.height屏幕分辨率的寬: window.screen.width屏幕可用工作區(qū)高度: window.screen.availHeight屏幕可用工作區(qū)寬度: window.screen.availWidth網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.clientWidth網(wǎng)
6、頁(yè)可見(jiàn)區(qū)域高: document.body.clientHeight網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.offsetWidth (包括邊線(xiàn)的寬)網(wǎng)頁(yè)可見(jiàn)區(qū)域高: document.body.offsetHeight (包括邊線(xiàn)的高)網(wǎng)頁(yè)正文全文寬: document.body.scrollWidth網(wǎng)頁(yè)正文全文高: document.body.scrollHeight網(wǎng)頁(yè)被卷去的高: document.body.scrollTop網(wǎng)頁(yè)被卷去的左: document.body.scrollLeft網(wǎng)頁(yè)正文部分上: window.screenTop網(wǎng)頁(yè)正文部分左: window.scre
7、enLeft屏幕分辨率的高: window.screen.height屏幕分辨率的寬: window.screen.width屏幕可用工作區(qū)高度: window.screen.availHeight屏幕可用工作區(qū)寬度: window.screen.availWidth網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.clientWidth網(wǎng)頁(yè)可見(jiàn)區(qū)域高: document.body.clientHeight網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.offsetWidth (包括邊線(xiàn)的寬)網(wǎng)頁(yè)可見(jiàn)區(qū)域高: document.body.offsetHeight (包括邊線(xiàn)的高)網(wǎng)頁(yè)正文全文寬: d
8、ocument.body.scrollWidth網(wǎng)頁(yè)正文全文高: document.body.scrollHeight網(wǎng)頁(yè)被卷去的高: document.body.scrollTop網(wǎng)頁(yè)被卷去的左: document.body.scrollLeft網(wǎng)頁(yè)正文部分上: window.screenTop網(wǎng)頁(yè)正文部分左: window.screenLeft屏幕分辨率的高: window.screen.height屏幕分辨率的寬: window.screen.width屏幕可用工作區(qū)高度: window.screen.availHeight屏幕可用工作區(qū)寬度: window.screen.availWi
9、dthHTML精確定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 獲取對(duì)象的滾動(dòng)高度。 scrollLeft:設(shè)置或獲取位于對(duì)象左邊界和窗口中目前可見(jiàn)內(nèi)容的最左端之間的距離 scrollTop:設(shè)置或獲取位于對(duì)象最頂端和窗口中可見(jiàn)內(nèi)容的最頂端之間的距離 scrollWidth:獲取對(duì)象的滾動(dòng)寬度 offsetHeight:獲取對(duì)象相對(duì)于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的高度 offsetLeft:獲取對(duì)象相對(duì)于版面或由 offsetParent 屬性指定的父坐標(biāo)的計(jì)算左側(cè)位置 offset
10、Top:獲取對(duì)象相對(duì)于版面或由 offsetTop 屬性指定的父坐標(biāo)的計(jì)算頂端位置 event.clientX 相對(duì)文檔的水平座標(biāo) event.clientY 相對(duì)文檔的垂直座標(biāo) event.offsetX 相對(duì)容器的水平坐標(biāo) event.offsetY 相對(duì)容器的垂直坐標(biāo) document.documentElement.scrollTop 垂直方向滾動(dòng)的值 event.clientX+document.documentElement.scrollTop 相對(duì)文檔的水平座標(biāo)+垂直方向滾動(dòng)的量實(shí)現(xiàn)代碼 < !DOCTYPE html PUBLIC "-/W3C/DTD XHTM
11、L 1.0 Transitional/EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="/1999/xhtml"><head><title>請(qǐng)調(diào)整瀏覽器窗口</title> <meta http-equiv="content-type" content="text/html; charset=gb2312">&
12、lt;/meta></head><body><h2 align="center">請(qǐng)調(diào)整瀏覽器窗口大小</h2><hr /><form action="#" method="get" name="form1" id="form1"><!-顯示瀏覽器窗口的實(shí)際尺寸->瀏覽器窗口 的 實(shí)際高度: <input type="text" name="availHeight&quo
13、t; size="4"/><br />瀏覽器窗口 的 實(shí)際寬度: <input type="text" name="availWidth" size="4"/><br /></form><script type="text/javascript"><!- var winWidth = 0;var winHeight = 0;function findDimensions() /函數(shù):獲取尺寸/獲取窗口寬度if (window
14、.innerWidth)winWidth = window.innerWidth;else if (document.body) && (document.body.clientWidth)winWidth = document.body.clientWidth;/獲取窗口高度if (window.innerHeight)winHeight = window.innerHeight;else if (document.body) && (document.body.clientHeight)winHeight = document.body.clientHeight;/通過(guò)深入Document內(nèi)部對(duì)body進(jìn)行檢測(cè),獲取窗口大小if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)winHeight = document.documentElement.clientHeight;winWidth = docume
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 11《我是一只小蟲(chóng)子》教學(xué)設(shè)計(jì)2023-2024學(xué)年統(tǒng)編版語(yǔ)文二年級(jí)下冊(cè)
- 化學(xué)課教案離子鍵的形成與化學(xué)反應(yīng)
- Unit 7 Lesson 39 教學(xué)設(shè)計(jì) 2024-2025學(xué)年冀教版英語(yǔ)八年級(jí)上冊(cè)
- Unit5 Lets eat Part A Lets learn(教學(xué)設(shè)計(jì))-2024-2025學(xué)年人教PEP版英語(yǔ)三年級(jí)上冊(cè)
- 8 比尾巴 教學(xué)設(shè)計(jì)-2024-2025學(xué)年統(tǒng)編版語(yǔ)文一年級(jí)上冊(cè)
- 蛋品加工項(xiàng)目社會(huì)與環(huán)境影響分析
- 小學(xué)語(yǔ)文一年級(jí)下冊(cè)《語(yǔ)文園地二》教案
- 山東省海陽(yáng)市七年級(jí)生物上冊(cè) 3.2.3 開(kāi)花和結(jié)果教案 新人教版
- 四年級(jí)下冊(cè)綜合實(shí)踐活動(dòng)教學(xué)設(shè)計(jì)-小書(shū)包中的大學(xué)問(wèn)|長(zhǎng)春版
- 小學(xué)生校園欺凌人際互動(dòng)
- 診所藥品清單
- GB/T 42249-2022礦產(chǎn)資源綜合利用技術(shù)指標(biāo)及其計(jì)算方法
- 針灸推拿科腰痛腰椎間盤(pán)突出癥中醫(yī)優(yōu)勢(shì)病種診療方案
- 確保報(bào)價(jià)完成工程建設(shè)的技術(shù)和管理措施
- 江背鎮(zhèn)中心小學(xué)體育校本課程實(shí)施方案
- 新生兒腹部影像診斷課件
- GB/T 5182-2008叉車(chē)貨叉技術(shù)要求和試驗(yàn)方法
- GB/T 21010-2007土地利用現(xiàn)狀分類(lèi)
- GA 923-2011公安特警專(zhuān)用車(chē)輛外觀制式涂裝規(guī)范
- 八國(guó)聯(lián)軍侵華與《辛丑條約》簽訂教學(xué)設(shè)計(jì)
- 淺埋大跨地鐵車(chē)站中洞法施工技術(shù)課件
評(píng)論
0/150
提交評(píng)論