IE_javascript TipsでJavaScriptのトリム機能が使えない問題の解決方法-jsチュートリアル-php.cn

IE_javascript TipsでJavaScriptのトリム機能が使えない問題の解決方法

WBOY

リリース： 2016-05-16 16:36:17

オリジナル

1283 人が閲覧しました

本記事では、Webフロントエンド設計において一定の参考値となるJavaScriptのトリム機能がIEで利用できない問題の解決策を分析します。具体的な分析は次のとおりです。

まず、Firefox で JavaScript のトリム機能を使用しても問題ありません。

<script language="javascript"> 
 var test1 = "  aa  "; 
 test1 = test1.toString(); 
 test1 = test1.trim(); 
</script>

ログイン後にコピー

Firefoxでこの方法を使用すると問題ありませんが、IEではエラーが発生します。

これを変更できます:

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

ログイン後にコピー

次の文をヘッダーに追加すると、上記のコードは IE と FF の両方で実行できます:

<script language="javascript"> 
 String.prototype.trim=function(){return this.replace(/(^\s*)|(\s*$)/g,"");} 
 var test1 = "  aa  "; 
 test1 = test1.toString(); 
 test1 = test1.trim(); 
</script>

ログイン後にコピー

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>

ログイン後にコピー

この記事で説明されている内容は、JavaScript を使用して WEB フロントエンドブラウザの互換性を設計する際の参考になると思います。