angular 獲取瀏覽器的寬高:

$window.innerWidth; ? ?? ?　　//瀏覽器的寬

$window.innerHeight; ? ? ?　　//瀏覽器的高

jquery $ jqlite 獲取鼠標相對于瀏覽器左上角的距離:

e.pageX;? ? ? 　　　　　 　　??//鼠標相對于瀏覽器左上角的left

e.pageY;? ? 　　　　　　 　　??//鼠標相對于瀏覽器左上角的top

原生獲取元素相對于頁面左上角的距離:

ele.offsetLeft; ? ? ? ? ? ? ?　 　//元素相對于頁面左上角的left

ele.offsetTop; ? ? ? ? ? ? ? 　　//元素相對于頁面左上角的top

原生獲取元素的寬高:

ele.offsetWidth;　　　　　　　//元素的寬,會包括padding和border

ele.offsetHeight;　　　　　　 //元素的高,會包括padding和border?

jquery 獲取瀏覽器的寬高:

$(window).width() ? ? ? ? ? ? ?//瀏覽器的寬度

$(window).height() ? ? ? ? ? ? //瀏覽器的高度

原生獲取瀏覽器可用區域的高度(不包括頂部的導航條,工具欄,也不包括f12調試工具什么的):

chrome里:

document.documentElement.clientHeight ? ? ? ? ? ? ? //瀏覽器頁面可用區域的高度

document.documentElement.clientWidth? ? ? ? ? ? ? ? //瀏覽器頁面可用區域的寬度

?

總結

以上是生活随笔為你收集整理的一些总是记不住又容易搞混淆的东西(不断更新)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。