jquery之瀏覽器檢測

jquery檢查瀏覽器類型,瀏覽器版本,瀏覽器支持的各自屬性等.
(1)jQuery.support.屬性名;。一組用於展示不同瀏覽器各自特性和bug的屬性集合。
檢查的屬性如下:
boxModel: 如果這個頁面和瀏覽器是以W3C CSS盒式模型來渲染的,則等於true。通常在IE 6和IE 7的怪癖模式中這個值是false。在document準備就緒前,這個值是null。
cssFloat: 如果用cssFloat來訪問CSS的float的值,則返回true。目前在IE中會返回false,他用styleFloat代替。
hrefNormalized: 如果瀏覽器從getAttribute("href")返回的是原封不動的結果,則返回true。在IE中會返回false,因爲他的URLs已經常規化了。
htmlSerialize: 如果瀏覽器通過innerHTML插入鏈接元素的時候會序列化這些鏈接,則返回true,目前IE中返回false。
leadingWhitespace: 如果在使用innerHTML的時候瀏覽器會保持前導空白字符,則返回true,目前在IE 6-8中返回false。
noCloneEvent: 如果瀏覽器在克隆元素的時候不會連同事件處理函數一起復制,則返回true,目前在IE中返回false。
objectAll: 如果在某個元素對象上執行getElementsByTagName_r("*")會返回所有子孫元素,則爲true,目前在IE 7中爲false。
opacity: 如果瀏覽器能適當解釋透明度樣式屬性,則返回true,目前在IE中返回false,因爲他用alpha濾鏡代替。
scriptEval: 使用 appendChild/createTextNode 方法插入腳本代碼時,瀏覽器是否執行腳本,目前在IE中返回false,IE使用 .text 方法插入腳本代碼以執行。
style: 如果getAttribute("style")返回元素的行內樣式,則爲true。目前IE中爲false,因爲他用cssText代替。
tbody: 如果瀏覽器允許table元素不包含tbody元素,則返回true。目前在IE中會返回false,他會自動插入缺失的tbody。
舉例:if(jQuery.support.tbody){alert("包含tbdy元素");}
(2)jQuery.browsername; 檢查是那種瀏覽器,目前只支持4種主流瀏覽器
IE:msie 火狐:mozilla 朱雀:opera 蘋果的:safari
舉例:if ($.browser.safari) { alert("this is safari!");}
(3)jQuery.browser.version;顯示瀏覽器的版本號.
直接使用即可.
(4).jQuery.boxModel;當前頁面中瀏覽器是否使用標準盒模型渲染頁面。 建議使用 jQuery.support.boxModel 代替。W3C CSS 盒模型.
在 Internet Explorer 怪癖模式(QuirksMode)中返回 False。
代碼舉例:$.boxModel
發佈了12 篇原創文章 · 獲贊 1 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章