js 網頁各種定位

2022-09-13 03:57:08 字數 3659 閱讀 7685

網頁可見區域寬: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.**ailheight 

螢幕可用工作區寬度:window.screen.**ailwidth 

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.**ailheight 

螢幕可用工作區寬度:window.screen.**ailwidth 

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均無關) 

哎,原諒我的無知,我被裡面這些個概念是搞的暈頭轉向,懇求高手能不能抽空就上面這些概念做個**並茂的教程呢,比如啊:隨便搞一張網頁截圖,然後在上面用符號標示各個概念

因為最近要做乙個層的定位的程式,所以迫切需要知道這些概念的具體意義。

js實現元素定位的各種方法

document.getelementsbyclassname 得到的是元素列表 document.getelementsbyname 得到的是元素列表 document.getelementsbytagname 得到的是元素列表 document.getelementsbyid 得到的是單個元素 ...

js和ajax關於網頁定位的問題

在開發中,經常遇到從乙個網頁跳轉走之後,再返回的時候要定位到原來離開時候的位置的問題。這個問題很好解決,大概有三種方法 1 錨點定位。就是在鏈結最末尾加上 posid的方法。這種方法簡單有效,但是定位的時候比較生硬,一般很難滿足人的視覺感受,而且不適用於ajax方式生成的頁面。所以很少用到。2 使用...

html網頁定位

網頁地理定位有兩種 1.對於擁有 gps 的裝置,比如 iphone,html5 geolocation api 可以獲得使用者的地理位置,internet explorer 9 firefox chrome safari 以及 opera 支援地理定位。2.對於未擁有gps的裝置,比如pc,就可以...