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. Java报表开发组件DynamicReports

    DynamicReports 是一个基于 JasperReports 进行扩展的 Java 报表库,可用它来快速创建报表而无需可视化报表设计工具. From :  http://www.oschina ...

  2. Oracle表空间常用操作

    --创建表空间 create tablespace test datafile 'E:\test2_data.dbf' SIZE 20M autoextend on next 5M maxsize 5 ...

  3. 常用wxPython事件描述

          事件描述 EVT_SIZE 由于用户干预或由程序实现,当一个窗口大小发生改变时发送给窗口. EVT_MOVE 由于用户干预或由程序实现,当一个窗口被移动时发送给窗口. EVT_CLOSE ...

  4. OC基础8：分类和协议

    "OC基础"这个分类的文章是我在自学Stephen G.Kochan的<Objective-C程序设计第6版>过程中的笔记. 1.关于分类(category): (1) ...

  5. jQuery 遍历 - siblings() 方法

    本文来自:http://www.w3school.com.cn/jquery/traversing_siblings.asp jQuery 遍历参考手册 实例 查找每个 p 元素的所有类名为 &quo ...

  6. JSP指令 include 和forward

     包括指令:include     静态包括         <%@include file="要包括的文件路径" %>                 先将所包括 ...

  7. ORACLE MTTR

    实例恢复时间:指的是将数据文件的最后一个检查点(检查点位置)推进到控制文件中记录的最新SCN 所需的时间.管理员可以通过设置MTTR 目标以及调整重做日志组的大小来控制该时间.MTTR 指导:Mean ...

  8. Data Recovery Advisor (DRA)

    数据恢复指导Data Recovery Advisor (DRA)的适用场景:Data Recovery Advisor 是11g 新特性,是Oracle 顾问程序架构的一部分,它会在遇到错误时自动收 ...

  9. jps无法获取到tomcat(java)进程

    一.问题描述: Ubuntu 10.10版本,同个JDK 1.6版本,启动tomcat后,使用jps无法获取本机Java进程. 二.jps工作原理: 1. java进程启动时,若没有指定 -Djava ...

  10. CoreLocation导航Demo

    CoreLocation实现定位和导航功能还是非常简单的,基本思路是: 1.导入<CoreLocation/CoreLocation.h>头文件 2.使用该框架内的导航管理者,创建该导航管 ...