linux社区爱心援助Linux认证系列教程业界动态站务新闻公司招聘网络学院网址大全LPI专题CISCO专题
设为首页
加入收藏
管理团队
JSP  
JAVA  
PERL  
 您的位置:首页 > 开发语言 > JavaScript >
栏目导栏
  php
  JSP
  ASP
  asp.net
  JAVA
  c/c++/c#
  perl
  JavaScript
  Basic
  Delphi
资料搜索
热门文章
·javascript 时间对象的格式化
·去掉字符串前后的空格
·javascript 事件监听机制
·javascript 事件调用顺序
·js刷新框架子页面的七种方法
·JavaScript:替换字符串
·IE下的JScript编程需注意的内存
·用javascript操作word文档
·Javascript中CTRL+回车提交表单
·JS 获取鼠标位置
·javascript判断Email地址是否有
·Javascript中Select的OnChange
·JS实现的滑动展开与折叠效果
·有分页功能的WEB打印
·Javascript实现窗口最大化的严
最新文章
·使用CSS改变表格边框样式
·为网页添加浮动广告
·判断表单中添加是否数字的JS与
·让浏览器状态栏动起来
·使用Javascript制作行间颜色间
·禁止用右键查看源代码
·网页侦测四法
·制作弹出公告窗口
·为网页添加特效
·网页中取消鼠标右键方法大全
·JavaScript 根据屏幕解析度显示
·如何实现浏览器上的右键菜单
·如何制作浮动广告
·让弹出窗口变得“体贴”一些
·JavaScript技巧:让网页自动穿上
Google
 
JavaScript去除空格的三种方法
[ 作者:  加入时间:2007-10-30 14:07:32  来自:Linux联盟收集整理 ]

方法一:最好的方法.采用的是正则表达式,这是最核心的原理.RdtLinux联盟
其次.这个方法使用了JavaScript的prototype 属性

其实你不使用这个属性一样可以用函数实现.但这样做后用起来比较方便.RdtLinux联盟
下面就来看看这个属性是怎么来用的.

 引用内容

返回对象类型原型的引用。

objectName.prototypeRdtLinux联盟
objectName 参数是对象的名称。

说明RdtLinux联盟
用 prototype 属性提供对象的类的一组基本功能。对象的新实例“继承”赋予该对象原型的操作。

例如,要为 Array 对象添加返回数组中最大元素值的方法。要完成这一点,声明该函数,将它加入 Array.prototype,并使用它。

function array_max( ){RdtLinux联盟
var i, max = this[0];RdtLinux联盟
for (i = 1; i < this.length; i++)RdtLinux联盟
{RdtLinux联盟
if (max < this[i])RdtLinux联盟
max = this[i];RdtLinux联盟
}RdtLinux联盟
return max;RdtLinux联盟
}RdtLinux联盟
Array.prototype.max = array_max;RdtLinux联盟
var x = new Array(1, 2, 3, 4, 5, 6);RdtLinux联盟
var y = x.max( );

该代码执行后,y 保存数组 x 中的最大值,或说 6。

所有 JScript 内部对象都有只读的 prototype 属性。可以象该例中那样为原型添加功能,但该对象不能被赋予不同的原型。然而,用户定义的对象可以被赋给新的原型。

本语言参考中每个内部对象的方法和属性列表指出哪些是对象原型的部分,哪些不是。

下面是代码原文

 程序代码

<SCRIPT LANGUAGE="JavaScript">RdtLinux联盟
<!--RdtLinux联盟
//出处:网上搜集RdtLinux联盟
// Trim() , Ltrim() , RTrim()RdtLinux联盟
String.prototype.Trim = function() RdtLinux联盟
{ RdtLinux联盟
return this.replace(/(^\s*)|(\s*$)/g, ""); RdtLinux联盟
} RdtLinux联盟
String.prototype.LTrim = function() RdtLinux联盟
{ RdtLinux联盟
return this.replace(/(^\s*)/g, ""); RdtLinux联盟
} RdtLinux联盟
String.prototype.RTrim = function() RdtLinux联盟
{ RdtLinux联盟
return this.replace(/(\s*$)/g, ""); RdtLinux联盟
} RdtLinux联盟
//-->RdtLinux联盟
</SCRIPT>

使用方法见以下代码

HTML代码RdtLinux联盟
-----------------------------------------------------RdtLinux联盟
<SCRIPT LANGUAGE="JavaScript">RdtLinux联盟
<!--RdtLinux联盟
//出处:网上搜集RdtLinux联盟
Trim() RdtLinux联盟
Ltrim() RdtLinux联盟
RTrim()RdtLinux联盟
String.prototype.Trim = function(){RdtLinux联盟
return this.replace(/(^\s*)|(\s*$)/g, "");RdtLinux联盟
}RdtLinux联盟
String.prototype.LTrim = function(){RdtLinux联盟
return this.replace(/(^\s*)/g, "");RdtLinux联盟
}RdtLinux联盟
String.prototype.RTrim = function(){return this.replace(/(\s*$)/g, "");RdtLinux联盟
}RdtLinux联盟
//-->RdtLinux联盟
</SCRIPT>RdtLinux联盟
<input type="text" value="   前后都是空格    " id="space">RdtLinux联盟
<input type="button" value="去前后空格" onclick="javascript:document.getElementById('space').value="/document.getElementById('space').value.Trim();document.getElementById('space').select();"">RdtLinux联盟
<input type="button" value="去前空格" onclick="javascript:document.getElementById('space').value="/document.getElementById('space').value.LTrim();document.getElementById('space').select();"">RdtLinux联盟
<input type="button" value="去后空格" onclick="javascript:document.getElementById('space').value="/document.getElementById('space').value.RTrim();document.getElementById('space').select();"">RdtLinux联盟
<input type="button" value="还原" onclick="javascript:document.getElementById('space').value='     前后都是空格    ';">RdtLinux联盟
<a href="http://www.webjx.com" target="_blank">访问webjx.com</a>RdtLinux联盟
---------------------------------------------------RdtLinux联盟
 RdtLinux联盟
下面来我们来看看Js脚本中"/s表示什么"

 引用内容

\s 匹配任何空白字符,包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。

请紧记是小写的s

方法二:由于使用方法简单,所以这里就不举例子了.

 引用内容

//javascript去空格函数 RdtLinux联盟
function LTrim(str){ //去掉字符串 的头空格RdtLinux联盟
var i;RdtLinux联盟
for(i=0;i if(str.charAt(i)!=" "&&str.charAt(i)!=" ") break;RdtLinux联盟
}RdtLinux联盟
str = str.substring(i,str.length);RdtLinux联盟
return str;RdtLinux联盟
}RdtLinux联盟
function RTrim(str){RdtLinux联盟
var i;RdtLinux联盟
for(i=str.length-1;i>=0;i--){RdtLinux联盟
if(str.charAt(i)!=" "&&str.charAt(i)!=" ") break;RdtLinux联盟
}RdtLinux联盟
str = str.substring(0,i+1);RdtLinux联盟
return str;RdtLinux联盟
}RdtLinux联盟
function Trim(str){RdtLinux联盟
return LTrim(RTrim(str));RdtLinux联盟
}

方法三:这个方法将函数写在一起,通过传递参数不同而达到不同的实现效果

引用内容

<HTML>RdtLinux联盟
<HEAD>RdtLinux联盟
<TITLE>JavaScript Trim Function</TITLE>RdtLinux联盟
<SCRIPT LANGUAGE=javascript>RdtLinux联盟
<!--RdtLinux联盟
//***************************************************RdtLinux联盟
// Description: sInputString 为输入字符串,iType为类型,分别为RdtLinux联盟
// 0 - 去除前后空格; 1 - 去前导空格; 2 - 去尾部空格RdtLinux联盟
//**********************************************RdtLinux联盟
function cTrim(sInputString,iType)RdtLinux联盟
{RdtLinux联盟
var sTmpStr = ' 'RdtLinux联盟
var i = -1RdtLinux联盟
if(iType == 0 || iType == 1)RdtLinux联盟
{RdtLinux联盟
while(sTmpStr == ' ')RdtLinux联盟
{RdtLinux联盟
++iRdtLinux联盟
sTmpStr = sInputString.substr(i,1)RdtLinux联盟
}RdtLinux联盟
sInputString = sInputString.substring(i)RdtLinux联盟
}RdtLinux联盟
if(iType == 0 || iType == 2)RdtLinux联盟
{RdtLinux联盟
sTmpStr = ' 'RdtLinux联盟
i = sInputString.lengthRdtLinux联盟
while(sTmpStr == ' ')RdtLinux联盟
{RdtLinux联盟
--iRdtLinux联盟
sTmpStr = sInputString.substr(i,1)RdtLinux联盟
}RdtLinux联盟
sInputString = sInputString.substring(0,i+1)RdtLinux联盟
}RdtLinux联盟
return sInputStringRdtLinux联盟
}RdtLinux联盟
//-->RdtLinux联盟
</SCRIPT>RdtLinux联盟
</HEAD>RdtLinux联盟
<BODY>RdtLinux联盟
JavaScript中的字符串去除空格函数(自定义):<br/>RdtLinux联盟
<SCRIPT LANGUAGE=javascript>RdtLinux联盟
<!--RdtLinux联盟
var sR0 = cTrim(" T e s t ",0)RdtLinux联盟
var sR1 = cTrim(" T e s t ",1)RdtLinux联盟
var sR2 = cTrim(" T e s t ",2)RdtLinux联盟
document.write("R0 = '" + sR0 + "'<br/>")RdtLinux联盟
document.write("R1 = '" + sR1 + "'<br/>")RdtLinux联盟
document.write("R2 = '" + sR2 + "'<br/>")RdtLinux联盟
//-->RdtLinux联盟
</SCRIPT>RdtLinux联盟
</BODY>RdtLinux联盟
</HTML>

Linux联盟收集整理 ,转贴请标明原始链接,如有任何疑问欢迎来本站Linux论坛讨论
评论】【加入收藏夹】【 】【打印】【关闭
※ 相关链接
 ·通过JAVAScript实现页面自适应  (2007-10-30 14:27:43)
 ·如何优化JavaScript脚本的性能  (2007-10-30 14:25:25)
 ·几个有用的Javascript验证脚本  (2007-10-30 14:24:47)
 ·Javascript+ASP打造无刷新新闻列表  (2007-10-30 14:23:38)
 ·如何用javascript防止双击  (2007-10-30 14:19:44)
 ·JavaScript 访问 JSF 组件的方法  (2007-10-30 14:18:21)
 ·JavaScript实现仿Windows关机效果  (2007-10-30 14:14:42)
 ·用Javascript评估用户输入密码的强度  (2007-10-30 14:06:19)
 ·JavaScript处理事件:单击事件onClick  (2007-10-30 14:01:38)
 ·Javascript制作声音按钮的代码  (2007-10-30 13:53:06)