瀏覽器的一些區域和位置資訊記錄

2021-06-22 04:20:51 字數 1406 閱讀 9200

區域1:整個瀏覽器區域(包括選單欄、狀態列)

區域2:視窗視區(可以看到html內容的區域)

區域3:內容區域(包括由於滾動偏移看不到的區域)

window.innerheight, window.innerwidth    區域2

window.outerheight, window.outerwidth    區域1。ie和火狐的值有點偏大。chrome剛好

document.documentelement.clientheight, clientwidth    區域2

document.documentelement.offsetheight, offsetwidth    ie:區域2,火狐和chrome:區域3

document.documentelement.scrollheight, scrollwidth    區域3

document.body.clientheight, clientwidth    區域3

document.body.offsetheight, offsetwidth 區域3

document.body.scrollheight, scrollwidth    區域3

$(window).height(), width(), innerheight(), innerwidth(), outerheight(), outerheight()  區域2

$(document).height(), width(), innerheight(), innerwidth(), outerheight(), outerheight() 區域3

$(document.body).height(), width(), innerheight(), innerwidth(), outerheight(), outerheight() 區域3

位置:window.screentop, window.screenleft    瀏覽器左上角相對顯示器左上角的偏移量

window.scrolltop, window.scrollleft    瀏覽器滾動內容偏移量

window.pagexoffset, window.pageyoffset    與scrolltop和scrollleft的值相等。(ie沒有該屬性)

document.documentelement.offsettop, offsetleft        三個瀏覽器的值都是0,不知道什麼意思

document.documentelement.scrolltop, scrollleft        ie和火狐都是滾動內容偏移量,chrome的值為0

document.body.offsettop, offsetleft    三個瀏覽器的值都是0,不知道什麼意思

document.body.scrolltop, scrollleft    ie和火狐都是0,chrome的值是滾動內容偏移量

瀏覽器,PHP, MYSQL字元編碼的一些記錄

以前php mysql的時候就耳聞過一些中文編碼的問題,不過一直都是前後統一的unicode編碼,所以也沒遇到太多問題。這次正式入職,公司mysql使用的是gb2312的字符集,因此在插入中文的時候也遇到了一些問題。插入流程 1 前台發起新增資料請求,資料中包含中文,編碼為unicode 2 後台p...

關於瀏覽器UA的一些介紹

使用js檢查瀏覽器標誌 code from使用方法 判斷是否ie核心 if browser.versions.trident 判斷是否webkit核心 if browser.versions.webkit 判斷是否移動端 if browser.versions.mobile browser.vers...

瀏覽器的各自位置和偏移

offsetleft相對最近的定位父元素的內容邊框左上角的左偏移,如果沒有定位的父元素,則為body。有滾動條時,數值為相對整個body的值,而不是可見區域。offsettop相對最近的定位父元素的內容邊框左上角的左偏移,如果沒有定位的父元素,則為body。offsetparent定位的父元素off...