三大家族,offset,scroll,client

2022-03-22 01:57:32 字數 806 閱讀 4319

1.client

1.1主要成員

1.clientwidth 獲取網頁可視區域寬度(兩種用法)

clientheight 獲取網頁可視區域高度 (兩張用法)

盒子呼叫: 指盒子本省

瀏覽器呼叫:可視區域大小。

2.clientx  滑鼠距離可視區域左側的距離(event呼叫)

clienty 滑鼠距離可視區域上側的距離(event 呼叫)

2.三大家族的區別

2.1width 和 height

clientwidth = width +padding

clientheight = height+ padding

offsetwidth = width + padding +border

offsetheight = height + padding + border

scrollwidth = 內容寬度(不包含border)

scrollheight = 內容高度(不包含border)

2.2top和left

offsettop/offsetleft :

呼叫者:任意元素。(盒子為主

)嘛作用:距離父系盒子中帶有定位的距離。

scrolltop/scrollleft:

呼叫者:document.body.scrolltop/.....(window)

嘛作用:瀏覽器無法顯示的部分(被卷去的部分)。

clienty/clientx:

呼叫者:event.clientx(event)

嘛作用:滑鼠距離瀏覽器可視區域的距離(左、上)。

offset三大家族

offset家族 1.1 三大家族和乙個事件物件 三大家族 offset scroll client 事件物件 event 事件被觸動時,滑鼠和鍵盤的狀態 通過屬性控制 1.2 offset家族簡介 offset這個單詞本身是 偏移,補償,位移的意思。js中有一套方便的獲取元素尺寸的辦法就是offs...

集合大家族

今天看到了一張集合的圖,想著有空了進行整理整理,前面高能,哈哈哈哈 看圖 我們可以看到在集合 容器 的左右都有介面,而右邊的偏多,這張圖總結了各個介面的優缺點以及面試中會遇到的問題。右邊 iterable iterable是iterator 迭代器 的父類,實現了iterable介面的類都可以擁有增...

糰子最大家族(clannad)

bx2k有許多五顏六色的萌萌噠糰子。每個糰子有一種顏色。他決定將m個糰子排成一排。為了美觀,他要求任何相鄰的兩個糰子不能有相同的顏色。因為bx2k很懶,因此他來尋求你的幫助。輸入檔案包含兩行。第一行為乙個整數n,表示共有n種顏色的糰子。第二行為n個空格隔開的整數ai,表示顏色為i的糰子有ai個。題目...