Heim >Web-Frontend >js-Tutorial >Lösung für das Problem, dass die Javascript-Trimmfunktion unter IE_javascript-Tipps nicht verwendet werden kann
In diesem Artikel wird die Lösung des Problems analysiert, dass die JavaScript-Trimmfunktion unter IE nicht verwendet werden kann, was einen bestimmten Referenzwert für das Web-Front-End-Design hat. Die spezifische Analyse lautet wie folgt:
Erstens ist es kein Problem, die Trim-Funktion von JavaScript unter Firefox zu nutzen:
<script language="javascript"> var test1 = " aa "; test1 = test1.toString(); test1 = test1.trim(); </script>
Es gibt kein Problem bei der Verwendung dieser Methode unter Firefox, aber unter IE tritt ein Fehler auf!
Wir können dies ändern:
String.prototype.trim=function(){return this.replace(/(^\s*)|(\s*$)/g,"");}
Fügen Sie diesen Satz zum Header hinzu, und das Obige kann sowohl unter IE als auch unter FF ausgeführt werden:
<script language="javascript"> String.prototype.trim=function(){return this.replace(/(^\s*)|(\s*$)/g,"");} var test1 = " aa "; test1 = test1.toString(); test1 = test1.trim(); </script>
Von JQuery bereitgestellte Methoden:
<!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>
Ich glaube, dass das, was in diesem Artikel beschrieben wird, für jeden einen guten Referenzwert hat, um Javascript zum Entwerfen der Kompatibilität von WEB-Front-End-Browsern zu verwenden.