DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript中實現trim()函數的兩種方法
Javascript中實現trim()函數的兩種方法
編輯:關於JavaScript     

在JavaScript中我們需要用到trim的地方很多,但是JavaScript又沒有獨立的trim函數或者方法可以使用,所以我們需要自己寫個trim函數來實現我們的目的。

方案一:

以原型方式調用,即obj.trim()形式,此方式簡單且使用方面廣泛,定義方式如下:
復制代碼 代碼如下:
<script language=”javascript”>
/**
* 刪除左右兩端的空格
*/
String.prototype.trim=function()
{
     return this.replace(/(^\s*)|(\s*$)/g, ”);
}
/**
* 刪除左邊的空格
*/
String.prototype.ltrim=function()
{
     return this.replace(/(^\s*)/g,”);
}
/**
* 刪除右邊的空格
*/
String.prototype.rtrim=function()
{
     return this.replace(/(\s*$)/g,”);
}
</script>

使用示例如下:
復制代碼 代碼如下:
<script type=”text/javascript”>
alert(document.getElementById('abc').value.trim());
alert(document.getElementById('abc').value.ltrim());
alert(document.getElementById('abc').value.rtrim());
</script>

方案二:

以工具方式調用,即trim(obj)的形式,此方式可以用於特殊處理需要,定義方式如下:
復制代碼 代碼如下:
<script type=”text/javascript”>
/**
* 刪除左右兩端的空格
*/
function trim(str)
{
     return str.replace(/(^\s*)|(\s*$)/g, ”);
}
/**
* 刪除左邊的空格
*/
function ltrim(str)
{
     return str.replace(/(^\s*)/g,”);
}
/**
* 刪除右邊的空格
*/
function rtrim(str)
{
     return str.replace(/(\s*$)/g,”);
}
</script>

使用示例如下:
復制代碼 代碼如下:
<script type=”text/javascript”>
alert(trim(document.getElementById('abc').value));
alert(ltrim(document.getElementById('abc').value));
alert(rtrim(document.getElementById('abc').value));
</script>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved