ホームページ > 記事 > ウェブフロントエンド > IE_javascript TipsでJavaScriptのトリム機能が使えない問題の解決方法
IE_javascript TipsでJavaScriptのトリム機能が使えない問題の解決方法
- 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 までご連絡ください。