window.navigator.userAgent 獲取瀏覽器的信息
-
JS提供的屬性和方法：
1）client系列：clientWidth clientHeight clientLeft clientTop;- offset系列：offsetWidth offsetHeight offsetLeft offsetTop offsetParent;
- scroll系列：scrollWidth scrollHeight scrollLeft scrollTop;
關于父級：
1）parentNode 結構父級
2）offsetParent 定位父級JS提供的屬性和方法：
1）client系列：
clientWidth/clientHeight:元素設定的寬/高+左右/上下padding;
clientLeft/clientTop:左邊框/上邊框的寬度空盼；
跟內容是否溢出：無關凌外；
2)offset系列：
offsetWidth/offsetHeight:clientWidth/clientHeight+左右border/上下的border；
offsetLeft/offsetTop：當前元素的外邊框距離定位父級的內邊框的距離；
跟內容是否溢出：無關
3）scrollHeight/scrollWidth:
跟內容是否溢出：有關：
內容溢出： 約等于上padding+真實內容的高度抡秆；/左padding+真實內容的寬度；
內容沒有溢出：等于clientWidth/clientHeight
為什么是約等于？
①不同瀏覽器中，拿到的scrollHeight值是不同的笆呆；
②同一個瀏覽器下，內容是否溢出隱藏粱挡，拿到的值也不同赠幕；關于JS盒子模型的一些問題：
1）通過JS的屬性和方法拿到的都是元素的復合樣式，拿不到單獨的值询筏；--getCss;
2）通過JS的屬性和方法拿到的都是元素的復合樣式值都是整數(shù)榕堰，不會出現(xiàn)小數(shù)；
3）offsetLeft只能求出當前定位元素的外邊框距離定位父級的內邊框之間的距離嫌套，但無法求出定位元素距離body的距離逆屡；--offset {left:xx,top:xx}
4)JS盒子模型的兼容性存在問題圾旨；--win;關于瀏覽器的常用兼容處理思想：
思想1：屬性的判斷：
①attr in obj:'getComputedStyle' in window;
②obj.attr: window.getComputedStyle
③typeOf obj.attr==='function': typeOf window.getComputdStyle==='function';
思想2：瀏覽器異常捕獲來解決瀏覽器的兼容性問題；try{}catch(e){}
思想3：通過瀏覽器判斷處理瀏覽器兼容問題：
var reg=/MSIE (6|7|8)/g;
①reg.test(window.navigator.userAgent);//true:IE678
②window.navigator.userAgent.search(reg) !== -1;//true:IE678
③window.navigator.userAgent.match(reg)//true:IE678結構父級和定位父級：
結構父級中最大的元素是Html;
定位父級中最大的元素是body;
BOM
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門蔓挖，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人馆衔，你說我怎么就攤上這事瘟判。” “怎么了角溃？”我有些...
- 正文 為了忘掉前任未蝌，我火速辦了婚禮驮吱，結果婚禮上，老公的妹妹穿的比我還像新娘萧吠。我一直安慰自己左冬，他們只是感情好，可當我...
- 文/花漫 我一把揭開白布纸型。 她就那樣靜靜地躺著拇砰，像睡著了一般。 火紅的嫁衣襯著肌膚如雪狰腌。 梳的紋絲不亂的頭發(fā)上除破，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼教馆！你這毒婦竟也來了逊谋？” 一聲冷哼從身側響起，我...
- 正文 年R本政府宣布雾叭，位于F島的核電站，受9級特大地震影響落蝙，放射性物質發(fā)生泄漏织狐。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一掘殴、第九天 我趴在偏房一處隱蔽的房頂上張望男公。 院中可真熱鬧千所，春花似錦隙畜、人聲如沸吮播。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽揽咕。三九已至，卻和暖如春套菜，著一層夾襖步出監(jiān)牢的瞬間亲善，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內容
- DOM DOM常用節(jié)點類型 元素節(jié)點 - 1耕拷；屬性節(jié)點 - 2讼昆；文本節(jié)點 - 3；注釋節(jié)點 - 8骚烧；文檔節(jié)點 - ...
