JavaScript字符串插入、删除、替换函数

说明：

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

函数源码：

//提取查找字符串前面所有的字符

function getFront(mainStr,searchStr){

    foundOffset=mainStr.indexOf(searchStr);

    if(foundOffset==-1){

       return null;

    }

    return mainStr.substring(0,foundOffset);

}

//提取查找字符串后面的所有字符

function getEnd(mainStr,searchStr){

    foundOffset=mainStr.indexOf(searchStr);

    if(foundOffset==-1){

       return null;

    }

    return mainStr.substring(foundOffset+searchStr.length,mainStr.length);

}
//在字符串 searchStr 前面插入字符串 insertStr

function insertString(mainStr,searchStr,insertStr){

    var front=getFront(mainStr,searchStr);

    var end=getEnd(mainStr,searchStr);

    if(front!=null && end!=null){

       return front+insertStr+searchStr+end;

    }

    return null;

}
//删除字符串 deleteStr

function deleteString(mainStr,deleteStr){

    return replaceString(mainStr,deleteStr,"");

}
//将字符串 searchStr 修改为 replaceStr

function replaceString(mainStr,searchStr,replaceStr){

    var front=getFront(mainStr,searchStr);

    var end=getEnd(mainStr,searchStr);

    if(front!=null && end!=null){

       return front+replaceStr+end;

    }

    return null;

}

使用示例：

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

html文件如下:

<html>

<head>

<script language="javaScript">

//此处由以上提供的脚本函数源码填充，即getFront、getEnd、replaceString

//[、insertString、deleteString]。

//表单检测函数

function checkForm(form){

    var gb_contentStr=form.elements["gb_content"].value;

    //将留言内容中的所有空格符替换为&nbsp; 

    while(gb_contentStr.indexOf(" ") != -1 ){

          gb_contentStr=replaceString(gb_contentStr," ","&nbsp;");

    }

    //将留言内容中的所有回车符替换为<br>

    while(gb_contentStr.indexOf("\r\n") != -1 ){

          gb_contentStr=replaceString(gb_contentStr,"\r\n","<br>");

    }

    form.elements["gb_content"].value=gb_contentStr;   //保存由以上脚本修改后的留言内容

    return true;  //提交留言信息

}

</script>

</head>

<body>

  <form action="writePro.asp" method="post" name="addliuyan" onSubmit="return checkForm(this)">

  <table width="50%"  border="1" cellspacing="0" cellpadding="0" align="center">

    <tr valign="middle">

      <td width="15%" height="25" align="right">留言内容：</td>

      <td width="35%" height="25" align="center">

      <textarea style="overflow: auto; width: 100%;" name="gb_content" rows="11"></textarea>

      </td>

    </tr>

  </table>

  </form>

</body>

</html>

JavaScript字符串插入、删除、替换函数的更多相关文章

  1. sql中保留一位小数的百分比字符串拼接，替换函数，换行符使用

    select  num ,cast(round(convert(float,isnull((a.Sum_Num-d.Sum_Num),0))/convert(float,c.Sum_Store_Num ...

  2. javascript 字符串转为对像函数eval("string")

    javascript有一个很有用的函数eval("string")这个函数可以把字符串转换为对象或者可以执行的语句,例如你的代码可以用obj2=eval("documen ...

  3. iOS学习之--字符串的删除替换（字符串的常用处理，删除，替换）

    字符串操作,比较简单,仅做记录! 1.删除 NSString *str1 = @"<hello,wo r d!>"; //删除字符串两端的尖括号 NSMutableSt ...

  4. iOS学习-字符串的删除替换

    字符串的常用处理,删除,替换.记录一下,方便查找. -------------------------------------------------------------------------- ...

  5. JavaScript 字符串replace全局替换

    一般使用replace let str = "2018-8-14"; str.replace('-','/')//2018/8-14 并没有替换第二个”-“, 所以我们用正则表达式 ...

  6. excel替换函数substitute

    1.substitute(需要执行替换操作的单元格区域,旧文本,新文本,第N个旧内容) 例:substitute(A1,"a","b",2)    A1=aab ...

  7. JavaScript 对图像进行（追加，插入，替换，删除）

    JavaScript 对图像进行(追加,插入,替换,删除) 本次所学内容: document.querySelector('.container') 这个是可以查找单个[id标签和class标签] d ...

  8. C++（十）— 字符串进行插入、替换、查找、删除操作、substr

     1.C++中对字符串进行插入.替换.删除操作 #include<iostream> #include<algorithm> #include<stdio.h> # ...

  9. sql字符串插入函数STUFF

    STUFF (Transact-SQL) SQL Server 2012 其他版本 此主题尚未评级 - 评价此主题 <?XML:NAMESPACE PREFIX = "[default ...

随机推荐

  1. ac命令根据/var/log/wtmp文件登录退出时间计算用户连接时间

    ac命令根据/var/log/wtmp文件登录退出时间计算用户连接时间

  2. JavaEE Tutorials (25) - 使用Java EE拦截器

    25.1拦截器概述380 25.1.1拦截器类381 25.1.2拦截器生命周期381 25.1.3拦截器和CDI38125.2使用拦截器381 25.2.1拦截方法调用382 25.2.2拦截生命周 ...

  3. Node.js 参考学习地址

    前段时间研究过Node.js 自从由于笔记本硬盘崩了之后就很少在家里搞程序了,但是很想学习之,只因最近在努力学习英文.技术之外的事也需要做好,我们毕竟不是为了技术而生,技术是我们生存的一门得力技能,唯 ...

  4. 【hihocoder 1257 Snake Carpet】构造

    2015北京区域赛现场赛第4题. 题面:http://media.hihocoder.com/contests/icpcbeijing2015/problems.pdf OJ链接:http://hih ...

  5. hdu 1242 Rescue_bfs+优先队列

    翻出以前的代码看看 题意:走迷宫,遇到敌人要花一分钟. #include<iostream> #include<queue> using namespace std; char ...

  6. docker学习笔记（1）

    (1)Docker介绍 关于Docker的介绍,我就不列举出来了.到百度.谷歌搜索.非常多介绍文章.以下我给出官网的介绍:https://www.docker.com/whatisdocker/ (2 ...

  7. JAVA程序猿面试题汇总

    (此话题将不断更新,请留意) 第一,谈谈final, finally, finalize的差别. final 用于声明属性,方法和类,分别表示属性不可变,方法不可覆盖,类不可继承.finally是异常 ...

  8. sql server中将一个表中的部分数据插入到另一个表中

    可以通过存储过程完成,也可以通过在库名上右击“新建查询”执行.语句其实基本相同. 1. 存储过程: CREATE PROCEDURE pro1 as insert into tableB (field ...

  9. 集装箱学习（两）：动手模拟AOP

    简单的说,Spring是一个轻量级的控制反转(IOC)和面向切面(AOP)的容器框架. 上文已经介绍模拟IoC实现,这篇文章来动手模拟AOP. AOP简述 面向对象强调"一切皆是对象&quo ...

  10. java整合easyui进行的增删改操作

    首先发一下效果图 显示全部用户信息 加入用户信息 删除用户信息 编辑用户信息 以下就来介绍一下easyui的crud,在java中是怎么与后台进行交换的 前台html页面,我将它命名为crud1.ht ...