IE七、IE8不兼容js trim函數的解決方法

時間 2019-12-14

原文原文鏈接

IE兼容，有時候讓人頭疼，但又不得不去解決。html

先看看一下代碼：jquery

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="../../Scripts/jquery-1.11.1.min.js"></script>
    <script>
        $(function () {
            $("#btn").click(function () {
                var text = $("#text").val().trim();
                alert(text);
            })
        })
    </script>
</head>
<body>
    <input type="text" id="text"/>
    <input type="button" id="btn" value="click mi"/>
</body>
</html>

點擊按鈕，獲取值，而後alert值。在chrome、火狐等其餘瀏覽器，完美運行。chrome

然而，放到IE7，IE8中，始終怎麼點擊沒有反應，而後F12打開開發人員工具一看，結果：瀏覽器

好吧，不支持，那就本身解決。函數

其實也簡單，理解trim函數的原理就好辦。給js中String對象擴展一個方法。工具

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

而後再運行，一切又如從前那樣。ui

相關標籤/搜索