亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

一段非常簡單的js判斷瀏覽器的內(nèi)核

 更新時間：2014年08月17日 16:29:51   投稿：hebedich  
先說明，此處的方法是說超級簡單的方法，不是指代碼超級少，而是用非常簡單的知識點，只要懂得怎么寫JavaScript的行內(nèi)樣式就可以判斷。

　　大家應(yīng)該還記得JavaScript行內(nèi)樣式怎么寫吧？（看來我是廢話了?。?/p>

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

　　alert(element.style.webkitTransition); 這個是獲取以webkit為前綴的transition值。但如果不是webkit為前綴的瀏覽器，則會返回undefined。而我們可以將所有的內(nèi)核前綴給枚舉出來，然后獲取其某個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) {
    // 此處進行判斷是否有對應(yīng)的內(nèi)核前綴
    if (typeof style[vendor[i] + 'Transition'] === 'string') {
      return vendor[i];
    }
    i++;
  }
}

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

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

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

相關(guān)文章

  • javascript實現(xiàn)倒計時N秒后網(wǎng)頁自動跳轉(zhuǎn)代碼

    javascript實現(xiàn)倒計時N秒后網(wǎng)頁自動跳轉(zhuǎn)代碼

    這篇文章主要介紹了javascript實現(xiàn)倒計時N秒后網(wǎng)頁自動跳轉(zhuǎn)代碼,非常的實用，這里推薦給大家。
    2014-12-12
  • JavaScript中的Error錯誤對象與自定義錯誤類型詳解

    JavaScript中的Error錯誤對象與自定義錯誤類型詳解

    Error是JavaScript中最原始的錯誤對象，作為各種異常的基礎(chǔ)對象，還有多個衍生的具體的錯誤類型，這些錯誤對象類型在nodejs中也可應(yīng)用，這篇文章主要介紹了JavaScript中的Error錯誤對象與自定義錯誤類型,需要的朋友可以參考下
    2022-12-12
  • javascript中的正則表達式使用指南

    javascript中的正則表達式使用指南

    這篇文章主要給大家介紹了Javascript中的正則表達式的使用方式，非常的詳細(xì)，并附上簡單示例，這里推薦給大家。
    2015-03-03
  • JavaScript中正則表達式的實際應(yīng)用詳解

    JavaScript中正則表達式的實際應(yīng)用詳解

    這篇文章主要給大家介紹了關(guān)于JavaScript中正則表達式實際應(yīng)用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-05-05
  • JavaScript子窗口調(diào)用父窗口變量和函數(shù)的方法

    JavaScript子窗口調(diào)用父窗口變量和函數(shù)的方法

    這篇文章主要介紹了JavaScript子窗口調(diào)用父窗口變量和函數(shù)的方法,涉及JavaScript窗口調(diào)用的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-10-10
  • js實現(xiàn)純前端壓縮圖片

    js實現(xiàn)純前端壓縮圖片

    這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)純前端壓縮圖片，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2020-11-11
  • Bootstrap網(wǎng)格系統(tǒng)詳解

    Bootstrap網(wǎng)格系統(tǒng)詳解

    bootstrap框架中的網(wǎng)格系統(tǒng)就是將容器平分成12份，在使用的時候可以根據(jù)實際情況重新編譯LESS/SASS源碼來修改12這個數(shù)值。接下來通過本文給大家介紹Bootstrap網(wǎng)格系統(tǒng)，感興趣的朋友一起學(xué)習(xí)
    2016-04-04
  • JavaScript實現(xiàn)抖音羅盤時鐘

    JavaScript實現(xiàn)抖音羅盤時鐘

    這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)抖音羅盤時鐘，特別實用的效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2019-10-10
  • javascript常用的方法整理

    javascript常用的方法整理

    JAVASCRIPT是AJAX技術(shù)中不可或缺的一部分，所以想學(xué)好AJAX以及現(xiàn)在流行的AJAX框架，學(xué)好JAVASCRIPT是最重要的。這章我給大家整理了一些JAVASCRIPT的基礎(chǔ)知識、常用代碼和事件匯總。
    2015-08-08
  • javascript中的正則表達式使用詳解

    javascript中的正則表達式使用詳解

    之前講了javascript對正則表達式的實現(xiàn)方式了，只定義了正則表達式，但是如何在javascript中真正使用正則表達式呢？在javascript中RegExp和String對象都有處理正則表達式的方法。
    2015-08-08

最新評論