国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

淺析offsetLeft,Left,clientLeft之間的區別_基礎知識

來源:懂視網 責編:小采 時間:2020-11-27 21:16:35
文檔

淺析offsetLeft,Left,clientLeft之間的區別_基礎知識

淺析offsetLeft,Left,clientLeft之間的區別_基礎知識: 假設 obj 為某個 HTML 控件 obj.offsetTop 指 obj 相對于版面或由 offsetParent 屬性指定的父坐標的計算上側位置,整型,單位像素。 obj.offsetLeft 指 obj 相對于版面或由 offsetParent 屬性指定的父坐標的計算左側位置,整型,單位像素。 obj
推薦度:
導讀淺析offsetLeft,Left,clientLeft之間的區別_基礎知識: 假設 obj 為某個 HTML 控件 obj.offsetTop 指 obj 相對于版面或由 offsetParent 屬性指定的父坐標的計算上側位置,整型,單位像素。 obj.offsetLeft 指 obj 相對于版面或由 offsetParent 屬性指定的父坐標的計算左側位置,整型,單位像素。 obj

假設 obj 為某個 HTML 控件

obj.offsetTop 指 obj 相對于版面或由 offsetParent 屬性指定的父坐標的計算上側位置,整型,單位像素。

obj.offsetLeft 指 obj 相對于版面或由 offsetParent 屬性指定的父坐標的計算左側位置,整型,單位像素。

obj.offsetWidth 指 obj 控件自身的絕對寬度,不包括因 overflow 而未顯示的部分,也就是其實際占據的寬度,整型,單位像素。

obj.offsetHeight 指 obj 控件自身的絕對高度,不包括因 overflow 而未顯示的部分,也就是其實際占據的高度,整型,單位像素。

我們對前面提到的 offsetParent 作個說明。

offsetParent 獲取定義對象 offsetTop 和 offsetLeft 屬性的容器對象的引用。offsetTop 與 offsetParent 很復雜,不同瀏覽器有不同解釋,浮動一下解釋又不同了,所以我們一般只要理解通過二者可以獲得控件在瀏覽器中的絕對位置即可。

以上屬性在 FireFox 中也有效。

另外:我們這里所說的是指 HTML 控件的屬性值,并不是 document.body,document.body 的值在不同瀏覽器中有不同解釋(實際上大多數環境是由于對 document.body 解釋不同造成的,并不是由于對 offset 解釋不同造成的)


我們知道 offsetTop 可以獲得 HTML 元素距離上方或外層元素的位置,style.top 也是可以的,二者的區別是:

一、offsetTop 返回的是數字,而 style.top 返回的是字符串,除了數字外還帶有單位:px。

二、offsetTop 只讀,而 style.top 可讀寫。

三、如果沒有給 HTML 元素指定過 top 樣式,則 style.top 返回的是空字符串。

offsetLeft 與 style.left、offsetWidth 與 style.width、offsetHeight 與 style.height 也是同樣道理。


clientHeight
大家對 clientHeight 都沒有什么異議,都認為是內容可視區域的高度,也就是說頁面瀏覽器中可以看到內容的這個區域的高度,一般是最后一個工具條以下到狀態欄以上的這個區域,與頁面內容無關。

offsetHeight
IE、Opera 認為 offsetHeight = clientHeight + 滾動條 + 邊框。
NS、FF 認為 offsetHeight 是網頁內容實際高度,可以小于 clientHeight。

scrollHeight
IE、Opera 認為 scrollHeight 是網頁內容實際高度,可以小于 clientHeight。
NS、FF 認為 scrollHeight 是網頁內容高度,不過最小值是 clientHeight。

簡單地說
clientHeight 就是透過瀏覽器看內容的這個區域高度。
NS、FF 認為 offsetHeight 和 scrollHeight 都是網頁內容高度,只不過當網頁內容高度小于等于 clientHeight 時,scrollHeight 的值是 clientHeight,而 offsetHeight 可以小于 clientHeight。
IE、Opera 認為 offsetHeight 是可視區域 clientHeight 滾動條加邊框。scrollHeight 則是網頁內容實際高度。

同理
clientWidth、offsetWidth 和 scrollWidth 的解釋與上面相同,只是把高度換成寬度即可。

說明
以上基于 DTD HTML 4.01 Transitional,如果是 DTD XHTML 1.0 Transitional 則意義又會不同,在 XHTML 中這三個值都是同一個值,都表示內容的實際高度。新版本的瀏覽器大多支持根據頁面指定的 DOCTYPE 來啟用不同的解釋器

scrollTop 是“卷”起來的高度值,示例:
代碼如下:

如果為 p 設置了 scrollTop,這些內容可能不會完全顯示。

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

淺析offsetLeft,Left,clientLeft之間的區別_基礎知識

淺析offsetLeft,Left,clientLeft之間的區別_基礎知識: 假設 obj 為某個 HTML 控件 obj.offsetTop 指 obj 相對于版面或由 offsetParent 屬性指定的父坐標的計算上側位置,整型,單位像素。 obj.offsetLeft 指 obj 相對于版面或由 offsetParent 屬性指定的父坐標的計算左側位置,整型,單位像素。 obj
推薦度:
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 国产日韩视频在线 | 一级毛片在线看在线播放 | 日韩系列第一页 | 亚洲国产精品一区二区九九 | 国产精品毛片va一区二区三区 | 久久91这里精品国产2020 | 欧美视频免费在线观看 | 国产欧美日韩精品在钱 | 国产精品视频观看 | 亚洲欧美精选 | 国产成人a一区二区 | 国产精品va一级二级三级 | 欧美国产综合在线 | 欧美日韩一区二区三 | 精品欧美一区二区在线观看欧美熟 | 国产午夜视频在线 | 亚洲 欧洲 另类 综合 自拍 | 欧美综合在线观看 | 日韩一级精品久久久久 | 国产精品视频第一区二区三区 | 亚洲图区欧美 | 国产 日韩 欧美在线 | 国产国语高清在线视频二区 | 免费一级 一片一毛片 | 国产精品久久久久久久久久久不卡 | 欧美另类第一页 | 婷婷综合在线 | 亚洲精品在线免费看 | 欧洲日韩视频二区在线 | 亚洲欧美一区二区三区久本道 | 亚洲 欧美 日韩在线一区 | 最新中文字幕在线 | 日韩欧美一区二区在线观看 | 国产成人在线观看免费网站 | 久久国产精品久久久久久久久久 | 亚洲国产精品婷婷久久 | 久久综合精品国产一区二区三区 | 中文字幕无线码一区 | 精品国产免费观看一区高清 | 亚洲欧美日本综合 | 日本亚洲国产精品久久 |