Lösung für das Problem, dass die Javascript-Trimmfunktion unter IE_javascript-Tipps nicht verwendet werden kann-js-Tutorial-php.cn

Lösung für das Problem, dass die Javascript-Trimmfunktion unter IE_javascript-Tipps nicht verwendet werden kann

WBOY

Freigeben： 2016-05-16 16:36:17

Original

1285 Leute haben es durchsucht

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>

Nach dem Login kopieren

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,"");}

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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.