IE7IE8不兼容js trim函数的解决方法

Posted 龙行天涯

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了IE7IE8不兼容js trim函数的解决方法相关的知识，希望对你有一定的参考价值。

IE兼容，有时候让人头疼，但又不得不去解决。

 

先看看一下代码：

<!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、火狐等其他浏览器，完美运行。

 

然而，放到IE7，IE8中，始终怎么点击没有反应，然后F12打开开发人员工具一看，结果：

 

好吧，不支持，那就自己解决。

 

其实也简单，理解trim函数的原理就好办。给js中String对象扩展一个方法。

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

然后再运行，一切又如从前那样。

 

以上是关于IE7IE8不兼容js trim函数的解决方法的主要内容，如果未能解决你的问题，请参考以下文章

ie7ie8兼容addEventListener和removeEventListener，解决this指向和detachEvent解除绑定事件问题

兼容IE8的js格式化日期方法，解决ie8不支持Date()的问题

IE不兼容ES6箭头函数的解决方法（在浏览器中使用）

jQuery.trim() 函数及trim()用法详解

js Date()日期函数浏览器兼容问题解决方法

js Date()日期函数浏览器兼容问题解决方法