什么APP可以做網(wǎng)站網(wǎng)絡(luò)推廣發(fā)帖網(wǎng)站
? ? ? ? 一個(gè)Web網(wǎng)頁(yè)從內(nèi)到外的順序是：
元素div,ul,table...?→ 頁(yè)面body?→ 瀏覽器window?→ 屏幕screen
| 分類 | 詳情 |
| 屏幕screen | srceen.width - 屏幕的寬度 screen.height - 屏幕的高度（屏幕未縮放時(shí)，表示屏幕分辨率） screen.availLeft - 屏幕可用區(qū)域左邊距離屏幕左邊的距離 screen.availTop - 屏幕可用區(qū)域上邊距離屏幕上邊的距離 screen.availWidth - 屏幕可利用的寬度（screen.width?-?任務(wù)欄高度<如果有>） screen.availHeight -屏幕可利用的高度（screen.height - 任務(wù)欄高度<如果有>） |
| 瀏覽器窗口window | window.screenLeft?- 瀏覽器左邊距離屏幕左邊的距離 window.screenTop?- 瀏覽器上邊距離屏幕上邊的距離 window.screenX - 同window.screenLeft，Firefox僅支持這種 window.screenY -?同window.screenTop，Firefox僅支持這種 window.outerWidth - 瀏覽器窗口的寬度 window.outerHeight - 瀏覽器窗口的高度 window.innerWidth -?瀏覽器窗口的內(nèi)部寬度（頁(yè)面可用寬度），含垂直滾動(dòng)條寬度（window.outerWidth -工具欄寬度） window.innerHeight - 瀏覽器窗口的內(nèi)部高度（頁(yè)面可用高度），含水平滾動(dòng)條高度（window.outerHeight -工具欄寬度） window.pageXOffset - 返回文檔/頁(yè)面水平方向已滾動(dòng)的距離 window.pageYOffset - 返回文檔/頁(yè)面垂直方向已滾動(dòng)的距離 window.scrollX - 同window.pageXOffset window.scrollY - 同window.pageYOffset |
| 頁(yè)面body和元素 | offsetParent - 返回該元素帶有定位的父級(jí)元素，如果父級(jí)元素沒(méi)有定位，則返回body offsetLeft -?元素相對(duì)于其 offsetParent 的左邊界的距離（包括外邊距，不包括邊框、內(nèi)邊距） offsetTop -?元素相對(duì)于其 offsetParent 的上邊界的距離（包括外邊距，不包括邊框、內(nèi)邊距） offsetWidth - 返回元素包括內(nèi)邊距、邊框、內(nèi)容區(qū)的寬度，不包括外邊距、滾動(dòng)條 offsetHeight -?返回元素包括內(nèi)邊距、邊框、內(nèi)容區(qū)的高度，但不包括外邊距、滾動(dòng)條
clientLeft - 返回元素的左邊框的寬度 clientTop? - 返回元素的上邊框的寬度 clientWidth? - 返回元素包含內(nèi)邊距、內(nèi)容區(qū)的寬度 clientHeight - 返回元素包含內(nèi)邊距、內(nèi)容區(qū)的高度
document.body.scrollLeft -?被隱藏在內(nèi)容區(qū)域左方的距離。設(shè)置該值可以改變?cè)氐臐L動(dòng)位置 document.body.scrollTop -?被隱藏在內(nèi)容區(qū)域上方的像距離。設(shè)置該值可以改變?cè)氐臐L動(dòng)位置 document.body.scrollWidth -?返回元素整體的寬度，包括由于overflow溢出而在屏幕上不可見(jiàn)的內(nèi)容（包含內(nèi)邊距，不包含外邊距、邊框） document.body.scrollHeight -?返回元素整體的高度，包括由于overflow溢出而在屏幕上不可見(jiàn)的內(nèi)容（包含內(nèi)邊距，不包含外邊距、邊框）
|
| 事件 | e.screenX和e.screenY - 鼠標(biāo)相對(duì)于用戶顯示器屏幕左上角的X,Y坐標(biāo)。 e.clientX和e.clientY - 鼠標(biāo)相對(duì)于瀏覽器窗口可視區(qū)域的坐標(biāo)（窗口坐標(biāo)），可視區(qū)域不包括工具欄和滾動(dòng)條（event.x,event.y） e.pageX和e.pageY - 類似于event.clientX、event.clientY，但它們使用的是文檔坐標(biāo)而非窗口坐標(biāo)。這2個(gè)屬性不是標(biāo)準(zhǔn)屬性，但得到了廣泛支持。IE事件中沒(méi)有這2個(gè)屬性。 e.offsetX和e.offsetY - 鼠標(biāo)相對(duì)于事件源元素（srcElement）的坐標(biāo)，只有IE事件有這2個(gè)屬性，標(biāo)準(zhǔn)事件沒(méi)有對(duì)應(yīng)的屬性
|
?
?
參考文章
clientX、offsetX、screenX、pageX的區(qū)別-CSDN博客
clientTop、offsetTop和scrollTop的區(qū)分 - 不肯融化的冰 - 博客園 (cnblogs.com)