4当前位置:网页制作JavaScript教程-JavaScript去除空格的三种方法
4网页制作分类
CSS | HTML
FrontPage | DreamWeaver
JavaScript | ASP
.Net | PHP
JSP | XML
数据库 | PhotoShop
FireWorks | Flash
4本站推荐内容
4最新网页制作
·点击复制本页网址的…
·新版浏览器实现图片…
·JavaScript拖放效果…
·ajax跨域的三种方法
·浅谈几种常用的嵌套…
·JS控制表格行间色和…
·JavaScript自动判断…
·JS让广告不影响网页…
·JS结合Cookies记录I…
·JS实现页面跳转的五…
4热门网页制作
·网页自动适应客户端…
·JS网页加载进度条
·突破IE屏蔽限制弹出…
·三级下拉联动链接菜单
·文本框控制字数和禁…
·33个JavaScript经典…
·JS获取页面地址栏参数
·JavaScript去除空格…
·又一个全国省市双级…
·全国省市县无刷新多…
4相关网页制作
·带checkbox的列表框
·内外网同时访问问题…
·JS防止邮箱地址被抓取
·JavaScript实现Emai…
·代码前置输出脚本须…
·JS函数控制网页中Fl…
·也谈Javascript闭包…
·JavaScript创建新对象
·一个IP只弹出一次的…
·一个IP只提示一次“…
JavaScript去除空格的三种方法
类别:JavaScript教程    来源:网络    时间:2007-8-10    贴士:推荐给好友
收藏本页 8 
方法一:最好的方法采用的是正则表达式,这是最核心的原理;其次,这个方法使用了JavaScript的prototype属性,其实你不使用这个属性一样可以用函数实现,但这样做后用起来比较方便。

下面就来看看这个属性是怎么来用的。

返回对象类型原型的引用

objectName.prototype
objectName 参数是对象的名称。

说明

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

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

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


该代码执行后,y保存数组x中的最大值,或说6。
所有JScript内部对象都有只读的prototype属性。可以象该例中那样为原型添加功能,但该对象不能被赋予不同的原型。然而,用户定义的对象可以被赋给新的原型。
本语言参考中每个内部对象的方法和属性列表指出哪些是对象原型的部分,哪些不是。

代码:

<SCRIPT LANGUAGE="JavaScript">
<!--
// Trim() , Ltrim() , RTrim()
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 LANGUAGE="JavaScript">
<!--
//出处:网上搜集
Trim() 
Ltrim() 
RTrim()
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>
<input type="text" value="   前后都是空格    " id="space">
<input type="button" value="去前后空格" onclick="javascript:document.getElementById('space').value="/document.getElementById('space').value.Trim();document.getElementById('space').select();"">
<input type="button" value="去前空格" onclick="javascript:document.getElementById('space').value="/document.getElementById('space').value.LTrim();document.getElementById('space').select();"">
<input type="button" value="去后空格" onclick="javascript:document.getElementById('space').value="/document.getElementById('space').value.RTrim();document.getElementById('space').select();"">
<input type="button" value="还原" onclick="javascript:document.getElementById('space').value='     前后都是空格    ';">
<a href="http://www.zzsky.cn" target="_blank">中国站长天空</a>

 
下面来我们来看看Js脚本中"/s表示什么" 

\s匹配任何空白字符,包括空格、制表符、换页符等等,等价于[ \f\n\r\t\v],请紧记是小写的s

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

代码:

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


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

代码:

<HTML>
<HEAD>
<TITLE>JavaScript Trim Function</TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
//****************************************************************
// Description: sInputString为输入字符串,iType为类型
// 分别为0-去除前后空格;1-去前导空格;2-去尾部空格
//****************************************************************
function cTrim(sInputString,iType)
{
var sTmpStr = ' '
var i = -1
if(iType == 0 || iType == 1)
{
while(sTmpStr == ' ')
{
++i
sTmpStr = sInputString.substr(i,1)
}
sInputString = sInputString.substring(i)
}
if(iType == 0 || iType == 2)
{
sTmpStr = ' '
i = sInputString.length
while(sTmpStr == ' ')
{
--i
sTmpStr = sInputString.substr(i,1)
}
sInputString = sInputString.substring(0,i+1)
}
return sInputString
}
//-->
</SCRIPT>
</HEAD>
<BODY>
JavaScript中的字符串去除空格函数(自定义):<br/>
<SCRIPT LANGUAGE=javascript>
<!--
var sR0 = cTrim(" T e s t ",0)
var sR1 = cTrim(" T e s t ",1)
var sR2 = cTrim(" T e s t ",2)
document.write("R0 = '" + sR0 + "'<br/>")
document.write("R1 = '" + sR1 + "'<br/>")
document.write("R2 = '" + sR2 + "'<br/>")
//-->
</SCRIPT>
</BODY>
</HTML>
·上一篇:不错的介绍JS中Cookie的文章
·下一篇:一个解析URL及图片地址的JS函数
本站部分内容收集整理于网络,仅用于学习,不存在商业目的,如有涉及版权等问题请联系站长,本站将在第一时间内进行处理!
Copyright © 2007-2008 Zzsky.Cn  中国站长天空  网站制作维护:可乐猫  QQ:8127544(请注明来意)
设为首页  加入收藏  联系站长  友情链接  闽ICP备08002933号