ホームページ  >  記事  >  ウェブフロントエンド  >  IE_javascript TipsでJavaScriptのトリム機能が使えない問題の解決方法

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

WBOY
WBOYオリジナル
2016-05-16 16:36:171319ブラウズ

本記事では、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 フロントエンド ブラウザの互換性を設計する際の参考になると思います。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。