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.
