熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

JavaScript去除空格的三種方法

2013-11-15 11:36:00  來源: JSP教程 

  方法一:最好的方法采用的是正則表達式這是最核心的原理
其次這個方法使用了JavaScript的prototype 屬性

  其實你不使用這個屬性一樣可以用函數實現但這樣做後用起來比較方便
下面就來看看這個屬性是怎麼來用的

  引用內容

  返回對象類型原型的引用

  objectNameprototype
objectName 參數是對象的名稱

  說明
用 prototype 屬性提供對象的類的一組基本功能對象的新實例繼承賦予該對象原型的操作

  例如要為 Array 對象添加返回數組中最大元素值的方法要完成這一點聲明該函數將它加入 Arrayprototype並使用它

  function array_max( ){
var i max = this[];
for (i = ; i < thislength; i++)
{
if (max < this[i])
max = this[i];
}
return max;
}
Arrayprototypemax = array_max;
var x = new Array( );
var y = xmax( );

  該代碼執行後y 保存數組 x 中的最大值或說

  所有 JScript 內部對象都有只讀的 prototype 屬性可以象該例中那樣為原型添加功能但該對象不能被賦予不同的原型然而用戶定義的對象可以被賦給新的原型

  本語言參考中每個內部對象的方法和屬性列表指出哪些是對象原型的部分哪些不是

  下面是代碼原文

  程序代碼

  <SCRIPT LANGUAGE=JavaScript>
<!
//出處:網上搜集
// Trim() Ltrim() RTrim()
StringprototypeTrim = function()
{
return thisreplace(/(^\s*)|(\s*$)/g );
}
StringprototypeLTrim = function()
{
return thisreplace(/(^\s*)/g );
}
StringprototypeRTrim = function()
{
return thisreplace(/(\s*$)/g );
}
//>
</SCRIPT>

  使用方法見以下代碼

  HTML代碼

<SCRIPT LANGUAGE=JavaScript>
<!
//出處:網上搜集
Trim()
Ltrim()
RTrim()
StringprototypeTrim = function(){
return thisreplace(/(^\s*)|(\s*$)/g );
}
StringprototypeLTrim = function(){
return thisreplace(/(^\s*)/g );
}
StringprototypeRTrim = function(){return thisreplace(/(\s*$)/g );
}
//>
</SCRIPT>
<input type=text value=   前後都是空格    id=space>
<input type=button value=去前後空格 onclick=javascript:documentgetElementById(space)value=/documentgetElementById(space)valueTrim();documentgetElementById(space)select();>
<input type=button value=去前空格 onclick=javascript:documentgetElementById(space)value=/documentgetElementById(space)valueLTrim();documentgetElementById(space)select();>
<input type=button value=去後空格 onclick=javascript:documentgetElementById(space)value=/documentgetElementById(space)valueRTrim();documentgetElementById(space)select();>
<input type=button value=還原 onclick=javascript:documentgetElementById(space)value=     前後都是空格    ;>
<a _blank>訪問</a>

 
下面來我們來看看Js腳本中/s表示什麼

  引用內容

  \s 匹配任何空白字符包括空格制表符換頁符等等等價於 [ \f\n\r\t\v]

  請緊記是小寫的s

  方法二:由於使用方法簡單所以這裡就不舉例子了

  引用內容

  //javascript去空格函數
function LTrim(str){ //去掉字符串 的頭空格
var i;
for(i=;i if(strcharAt(i)!= &&strcharAt(i)!= ) break;
}
str = strsubstring(istrlength);
return str;
}
function RTrim(str){
var i;
for(i=strlength;i>=;i){
if(strcharAt(i)!= &&strcharAt(i)!= ) break;
}
str = strsubstring(i+);
return str;
}
function Trim(str){
return LTrim(RTrim(str));
}

  方法三:這個方法將函數寫在一起通過傳遞參數不同而達到不同的實現效果

  引用內容

  <HTML>
<HEAD>
<TITLE>JavaScript Trim Function</TITLE>
<SCRIPT LANGUAGE=javascript>
<!
//****************************************************************
// Description: sInputString 為輸入字符串iType為類型分別為
// 去除前後空格; 去前導空格; 去尾部空格
//****************************************************************
function cTrim(sInputStringiType)
{
var sTmpStr =
var i =
if(iType == || iType == )
{
while(sTmpStr == )
{
++i
sTmpStr = sInputStringsubstr(i)
}
sInputString = sInputStringsubstring(i)
}
if(iType == || iType == )
{
sTmpStr =
i = sInputStringlength
while(sTmpStr == )
{
i
sTmpStr = sInputStringsubstr(i)
}
sInputString = sInputStringsubstring(i+)
}
return sInputString
}
//>
</SCRIPT>
</HEAD>
<BODY>
JavaScript中的字符串去除空格函數(自定義):<br/>
<SCRIPT LANGUAGE=javascript>
<!
var sR = cTrim( T e s t )
var sR = cTrim( T e s t )
var sR = cTrim( T e s t )
documentwrite(R = + sR + <br/>)
documentwrite(R = + sR + <br/>)
documentwrite(R = + sR + <br/>)
//>
</SCRIPT>
</BODY>
</HTML>


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19273.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.