国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

一段非常簡單的js判斷瀏覽器的內核

2024-05-06 16:07:42
字體:
來源:轉載
供稿:網友
先說明,此處的方法是說超級簡單的方法,不是指代碼超級少,而是用非常簡單的知識點,只要懂得怎么寫JavaScript的行內樣式就可以判斷。
 
 

  大家應該還記得JavaScript行內樣式怎么寫吧?(看來我是廢話了!)

  在前端開發過程中,有時我們需要判斷瀏覽器的內核前綴,對不同的瀏覽器做出不同的處理,因此我們可以這么做。

  alert(element.style.webkitTransition); 這個是獲取以webkit為前綴的transition值。但如果不是webkit為前綴的瀏覽器,則會返回undefined。而我們可以將所有的內核前綴給枚舉出來,然后獲取其某個CSS的值,即可做出判斷。代碼如下:

function getVendorPrefix() {  // 使用body是為了避免在還需要傳入元素  var body = document.body || document.documentElement,    style = body.style,    vendor = ['webkit', 'khtml', 'moz', 'ms', 'o'],    i = 0;  while (i < vendor.length) {    // 此處進行判斷是否有對應的內核前綴    if (typeof style[vendor[i] + 'Transition'] === 'string') {      return vendor[i];    }    i++;  }}

  然后只需要調用getVendorPrefix()即可知道瀏覽器的內核前綴,如果返回undefined則證明瀏覽器不支持CSS3屬性,即沒有內核前綴。

  大家應該知道,我們在寫代碼的過程中,能寫CSS就不寫JavaScritp,畢竟CSS的性能會比自己寫JS的高一些,因此,我們在開發一些實際應該中,會用到transition,比如一個簡單的圖片輪播,我們可以使用CSS3的transition,也可以使用jQuery的animate或自己寫原生,但CSS3的性能肯定會高一些,因此我們可以寫兩套代碼,對于支持CSS3的瀏覽器則使用animation,而不支持的則使用計時器或animate。這樣的話能夠獲取更好的用戶體驗。

  以上是看jquery.slides.js的插件心得,如有更好的方法,請一定告知筆者。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 贡觉县| 台湾省| 富蕴县| 临沧市| 曲沃县| 桂林市| 峨边| 永胜县| 北辰区| 滕州市| 临邑县| 石屏县| 武宣县| 西贡区| 千阳县| 瑞昌市| 荥阳市| 大城县| 西乡县| 平阴县| 香港 | 衡山县| 苏尼特左旗| 大埔县| 攀枝花市| 从江县| 秀山| 武宣县| 南丰县| 昭通市| 普兰店市| 平阳县| 敦化市| 云阳县| 独山县| 京山县| 同仁县| 六枝特区| 蓬安县| 华亭县| 安庆市|