寫一個trim函數，兼容IE firefox chrome（正則）

時間 2019-11-10

標籤一個 trim 函數兼容 firefox chrome 正則欄目 Firefox 简体版

原文原文鏈接

由於在獲取輸入框內容時，經常trim下多餘的空格。而IE部分低端瀏覽器裏的JavaScript版本不內置trim()這個清楚空格函數，而流行的瀏覽器裏都兼容了，好比chrome，FF等。爲了避免讓IE下報錯影響使用，咱們能夠本身動手豐衣足食，在IE下給string原型添加一個trim自定義函數，讓IE下的String類型支持trim()清楚空格。chrome

把如下代碼貼在最開始部分就好，固然清除空格的寫法多種多樣，如下效率沒測試過，但基本夠用，實在看重效率能夠本身研究下正則，替換成你的寫法就好！瀏覽器

 
        // 解決IE下string類型沒有trim函數bug 
       
        String.prototype.trim =  
        function 
        () { 
       
        return 
        this 
        .replace(/^\s\s*/,  
        '' 
        ).replace(/\s\s*$/,  
        '' 
        ); 
       
        }

講究的朋友，能夠直接判斷下有沒有trim函數，沒有在執行，這樣就能夠在支持trim函數的瀏覽器裏不會被自定義的破壞而又能夠在不支持trim函數的瀏覽器裏能用上自定義的函數從而避免報錯。固然，也就IE那吊樣有問題。函數

 
        if 
        ( 
        typeof 
        String.prototype.trim== 
        'undefined' 
        ){ 
       
        String.prototype.trim =  
        function 
        () { 
       
        return 
        this 
        .replace(/^\s\s*/,  
        '' 
        ).replace(/\s\s*$/,  
        '' 
        ); 
       
        }    
       
        }