Hopes

          Start Here..

           

          JS 獲取瀏覽器、顯示器 窗體等寬度和高度

          JS 獲取瀏覽器、顯示器 窗體等寬度和高度

          網頁可見區域寬:document.body.clientWidth

          網頁可見區域高:document.body.clientHeight

          網頁可見區域寬:document.body.offsetWidth (包括邊線的寬)

          網頁可見區域高:document.body.offsetHeight (包括邊線的寬)

          網頁正文全文寬:document.body.scrollWidth

          網頁正文全文高:document.body.scrollHeight

          網頁被卷去的高:document.body.scrollTop

          網頁被卷去的左:document.body.scrollLeft

          網頁正文部分上:window.screenTop

          網頁正文部分左:window.screenLeft

          屏幕分辨率的高:window.screen.height

          屏幕分辨率的寬:window.screen.width

          屏幕可用工作區高度:window.screen.availHeight

          屏幕可用工作區寬度:window.screen.availWidths



          HTML精確定位:scrollLeft,scrollWidth,clientWidth,offsetWidth

          scrollHeight: 獲取對象的滾動高度。

          scrollLeft:設置或獲取位于對象左邊界和窗口中目前可見內容的最左端之間的距離

          scrollTop:設置或獲取位于對象最頂端和窗口中可見內容的最頂端之間的距離

          scrollWidth:獲取對象的滾動寬度

          offsetHeight:獲取對象相對于版面或由父坐標

          offsetParent 屬性指定的父坐標的高度

          offsetLeft:獲取對象相對于版面或由

          offsetParent 屬性指定的父坐標的計算左側位置

          offsetTop:獲取對象相對于版面或由

          offsetTop 屬性指定的父坐標的計算頂端位置

          event.clientX 相對文檔的水平座標

          event.clientY 相對文檔的垂直座標

          event.offsetX 相對容器的水平坐標

          event.offsetY 相對容器的垂直坐標

          document.documentElement.scrollTop 垂直方向滾動的值

          event.clientX+document.documentElement.scrollTop 相對文檔的水平座標+垂直方向滾動的量



          IE,FireFox 差異如下:

          IE6.0、FF1.06+:

          clientWidth = width + padding

          clientHeight = height + padding

          offsetWidth = width + padding + border

          offsetHeight = height + padding + border

          IE5.0/5.5: clientWidth = width - border

          clientHeight = height - border

          offsetWidth = width

          offsetHeight = height

          (需要提一下:CSS中的margin屬性,與clientWidth、offsetWidth、clientHeight、offsetHeight均無關)

          網頁可見區域寬: document.body.clientWidth

          網頁可見區域高: document.body.clientHeight

          網頁可見區域寬: document.body.offsetWidth

          (包括邊線的寬) 網頁可見區域高: document.body.offsetHeight

          (包括邊線的高) 網頁正文全文寬: document.body.scrollWidth

          網頁正文全文高: document.body.scrollHeight

          網頁被卷去的高: document.body.scrollTop

          網頁被卷去的左: document.body.scrollLeft

          網頁正文部分上: window.screenTop

          網頁正文部分左: window.screenLeft

          屏幕分辨率的高: window.screen.height

          屏幕分辨率的寬: window.screen.width

          屏幕可用工作區高度: window.screen.availHeight

          屏幕可用工作區寬度: window.screen.availWidth

          posted on 2012-09-14 12:46 ** 閱讀(196) 評論(0)  編輯  收藏


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           

          導航

          統計

          公告

          你好!

          常用鏈接

          留言簿(2)

          隨筆檔案

          文章分類

          文章檔案

          新聞檔案

          相冊

          收藏夾

          C#學習

          友情鏈接

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 阿瓦提县| 万年县| 阿图什市| 固阳县| 图木舒克市| 乌鲁木齐县| 镇巴县| 安福县| 盐边县| 黄骅市| 桐乡市| 阿城市| 双辽市| 黄浦区| 长葛市| 郓城县| 鸡西市| 丰城市| 金门县| 阿尔山市| 曲麻莱县| 兰坪| 镇原县| 贵德县| 陆河县| 苏州市| 丰原市| 栖霞市| 宜君县| 理塘县| 平泉县| 绥化市| 来宾市| 夏河县| 郓城县| 柳州市| 都昌县| 合川市| 神木县| 嘉峪关市| 吉木萨尔县|