YamPiz Servies
       
       
      Share
       
      Forum

      Yampiz Forum

      Sharing let knowledge Spreaded, Reading let spirits growth, Creative let culture extended, Let us
      • 禁止廣告文
      • 知識傳播
      • 閱讀
      • 心靈成長
      • 創作
      • 文化傳承
      Forum Dictionary / Programming / 網頁/網站程式 / JavaScript /

      JavaScript 窗體大小一覽

      New Subject
      Random
      Previous
      Next
      |
      JavaScript 窗體大小一覽

      網頁可見區域寬: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
      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均無關)

      • This is a reposted article. [The Source]
      • Keywords : document, window, 獲取, width, offsetWidth, height, event, clientWidth, scrollTop, screen, padding, offsetHeight, clientHeight, border, 象相, 父坐標, 於版面, 文檔, 屬性指定, scrollWidth
      0 0
      2011-08-26T10:58:00+0000


      • Now, you can post comments by Facebook Account when your Yampiz account was logout or unvariable. whatever, we suggest to post comment by Yampiz Account to get more bounds to join new events of Heyxu
      Comment
       
      Verify

      Facebook Page

      QR-Code and APP Launcher

      User Guide
      This Webpage

      In those service tabs, "Scan QRCode, in mobile device" or "Click the button, in this device" to open webpage or APP-related operations.
      QRCode
      • Auto Platform
        For better browsing experience, it will auto detects your device to display webpage.
      • Bug Report
        Tell us about the idea, problem and errors you found.
      • Comodo Secure
        The sensitive data transmission adopts by SSL-2048 authenticated encryption.
      • Copyright
        © 2009 YamPiz Digital Inc. & Jaby Group. All rights reserved.
      • Revised Version
        V2.2.207
        06 Jan 2025 (GMT+8)