javascript

位置：IT落伍者 >> javascript >> 浏览文章

JavaScript字符串插入、删除、替换函数使用示例
发布日期：2020年01月30日
 
JavaScript字符串插入、删除、替换函数使用示例
本文为大家介绍下JavaScript字符串的插入删除替换函数的在实际中的应用想要学习的朋友可以参考下哈希望对初学者有所帮助

说明

以下函数中前两个函数取出查找字符串的前一部分和后一部分以用于其他函数注意调用一次  replaceString(mainStrsearchStrreplaceStr) 函数只能将字符串 mainStr 中最先找到的一个  searchStr 字符串替换为 replaceStr 字符串并不能将字符串 mainStr 中所有的 searchStr 字符串替换为  replaceStr 字符串如果需要替换全部则需要使用循环

函数源码
[code
//提取查找字符串前面所有的字符
function getFront(mainStrsearchStr){
foundOffset=mainStrindexOf(searchStr);
if(foundOffset==){
return null;
}
return mainStrsubstring(foundOffset);
}

复制代码 代码如下:
//提取查找字符串后面的所有字符
function getEnd(mainStrsearchStr){
foundOffset=mainStrindexOf(searchStr);
if(foundOffset==){
return null;
}
return mainStrsubstring(foundOffset+searchStrlengthmainStrlength);
} 复制代码 代码如下:
//在字符串 searchStr 前面插入字符串 insertStr
function insertString(mainStrsearchStrinsertStr){
var front=getFront(mainStrsearchStr);
var end=getEnd(mainStrsearchStr);
if(front!=null && end!=null){
return front+insertStr+searchStr+end;
}
return null;
} 复制代码 代码如下:
//删除字符串 deleteStr
function deleteString(mainStrdeleteStr){
return replaceString(mainStrdeleteStr"");
} 复制代码 代码如下:
//将字符串 searchStr 修改为 replaceStr
function replaceString(mainStrsearchStrreplaceStr){
var front=getFront(mainStrsearchStr);
var end=getEnd(mainStrsearchStr);
if(front!=null && end!=null){
return front+replaceStr+end;
}
return null;
}


使用示例
假设有一表单用于接收用户的留言信息我们需要将留言内容中用户输入的回车换行替换为 HTML 标签 <br>同时还需要将空格符替换为 这样在显示留言信息的时候就能按用户输入的原格式进行显示了
html文件如下:

复制代码 代码如下:


<html>
<head>
<script language="javaScript">
//此处由以上提供的脚本函数源码填充即getFrontgetEndreplaceString
//[insertStringdeleteString]
//表单检测函数
function checkForm(form){
var gb_contentStr=formelements["gb_content"]value;
//将留言内容中的所有空格符替换为
while(gb_contentStrindexOf(" ") != ){
gb_contentStr=replaceString(gb_contentStr" """);
}
//将留言内容中的所有回车符替换为<br>
while(gb_contentStrindexOf("rn") != ){
gb_contentStr=replaceString(gb_contentStr"rn""<br>");
}
formelements["gb_content"]value=gb_contentStr; //保存由以上脚本修改后的留言内容
return true; //提交留言信息
}
</script>
</head>
<body>
<form action="writeProasp" method="post" name="addliuyan" onSubmit="return checkForm(this)">
<table width="%" border="" cellspacing="" cellpadding="" align="center">
<tr valign="middle">
<td width="%" height="" align="right">留言内容</td>
<td width="%" height="" align="center">
<textarea style="overflow: auto; width: %;" name="gb_content" rows=""></textarea>
</td>
</tr>
</table>
</form>
</body>
</html>

               

上一篇：javascript自动改变文字大小和颜色的效果

下一篇：JS特效代码--让select控件可以自定义边框