快捷導(dǎo)航

javascript在IE下trim函數(shù)無(wú)法使用的解決方法

更新時(shí)間：2014年09月12日 11:10:20 投稿：shichen2014

這篇文章主要介紹了javascript在IE下trim函數(shù)無(wú)法使用的解決方法,分別敘述了javascript以及jQuery下的解決方案,對(duì)于WEB前端javascript設(shè)計(jì)人員進(jìn)行瀏覽器兼容性調(diào)試有不錯(cuò)的借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例分析了javascript在IE下trim函數(shù)無(wú)法使用的解決方法，對(duì)于web前段設(shè)計(jì)有一定的借鑒價(jià)值。具體分析如下：

首先，javascript的trim函數(shù)在firefox下面使用沒(méi)有問(wèn)題：

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

在火狐下這樣用沒(méi)有問(wèn)題，但是在IE下就報(bào)錯(cuò)！

對(duì)此，我們可以修改一下：

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

在頭上加上這一句，上面的就可以在IE和FF下都可以運(yùn)行了：

<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>

相信本文所述對(duì)大家利用javascript進(jìn)行WEB前端瀏覽器的兼容性設(shè)計(jì)有不錯(cuò)的借鑒價(jià)值。

您可能感興趣的文章:

相關(guān)文章

js?實(shí)現(xiàn)div拖拽拉伸完整示例
這篇文章主要為大家介紹了js?實(shí)現(xiàn)div拖拽拉伸完整示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-10-10
利用OpenAI?ChatGPT進(jìn)行編碼嘗試體驗(yàn)
這幾天chatgpt可是非常火的,下面這篇文章主要給大家介紹了關(guān)于利用OpenAI?ChatGPT進(jìn)行編碼嘗試體驗(yàn)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-12-12
layui動(dòng)態(tài)渲染生成左側(cè)3級(jí)菜單的方法(根據(jù)后臺(tái)返回?cái)?shù)據(jù))
今天小編就為大家分享一篇layui動(dòng)態(tài)渲染生成左側(cè)3級(jí)菜單的方法(根據(jù)后臺(tái)返回?cái)?shù)據(jù))，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
Javascript oop設(shè)計(jì)模式面向?qū)ο缶幊毯?jiǎn)單實(shí)例介紹
這篇文章主要介紹了Javascript oop設(shè)計(jì)模式面向?qū)ο缶幊毯?jiǎn)單實(shí)例介紹的相關(guān)資料,這里附有實(shí)例代碼幫助大家學(xué)習(xí)理解，需要的朋友可以參考下
2016-12-12
JavaScript canvas實(shí)現(xiàn)跟隨鼠標(biāo)事件
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas實(shí)現(xiàn)跟隨鼠標(biāo)事件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-02-02
JS排序之冒泡排序詳解
這篇文章主要為大家詳細(xì)介紹了JS冒泡排序的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-04-04
JavaScript簡(jiǎn)單編程實(shí)例學(xué)習(xí)
在本篇文章里小編給大家整理的是關(guān)于JavaScript簡(jiǎn)單編程實(shí)例學(xué)習(xí)內(nèi)容，有興趣的朋友們可以參考下。
2020-02-02
利用JS判斷鼠標(biāo)移入元素的方向
本文對(duì)JS判斷鼠標(biāo)移入元素的方向的實(shí)現(xiàn)方法進(jìn)行介紹，并分享了完整的示例代碼，有需要的朋友可以看下
2016-12-12
JavaScript模板引擎原理與用法詳解
這篇文章主要介紹了JavaScript模板引擎原理與用法,結(jié)合實(shí)例形式詳細(xì)分析了javascript模版引擎相關(guān)概念、原理、定義及使用方法,需要的朋友可以參考下
2018-12-12
js 數(shù)組當(dāng)前行添加數(shù)據(jù)方法詳解
這篇文章主要介紹了js 數(shù)組當(dāng)前行添加數(shù)據(jù)方法詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07