區域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...