Home > Article > Web Front-end > Solution to the problem that javascript trim function cannot be used under IE_javascript tips
This article analyzes the solution to the problem that JavaScript trim function cannot be used under IE, which has certain reference value for web front-end design. The specific analysis is as follows:
First of all, there is no problem using JavaScript’s trim function under Firefox:
<script language="javascript"> var test1 = " aa "; test1 = test1.toString(); test1 = test1.trim(); </script>
There is no problem when using this method under Firefox, but an error occurs under IE!
We can modify this:
String.prototype.trim=function(){return this.replace(/(^\s*)|(\s*$)/g,"");}
Add this sentence to the header, and the above can be run under both IE and FF:
<script language="javascript"> String.prototype.trim=function(){return this.replace(/(^\s*)|(\s*$)/g,"");} var test1 = " aa "; test1 = test1.toString(); test1 = test1.trim(); </script>
Methods provided by JQuery:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <button>Show Trim Example</button> <script> $("button").click(function () { var str = " lots of spaces before and after "; alert("'" + str + "'"); str = jQuery.trim(str); alert("'" + str + "' - no longer"); }); </script> </body> </html>
I believe that what is described in this article has good reference value for everyone to use javascript to design the compatibility of WEB front-end browsers.