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. hdr_beg(host) 主机名开始

    What does "acl cdn_name hdr_beg(host) -i foor.bar.com" mean in HAProxy's configuration? 在H ...

  2. ACM计算几何题目推荐

    //第一期 计算几何题的特点与做题要领: 1.大部分不会很难,少部分题目思路很巧妙 2.做计算几何题目,模板很重要,模板必须高度可靠. 3.要注意代码的组织,因为计算几何的题目很容易上两百行代码,里面 ...

  3. nyoj 325 zb的生日（dfs）

    描述今天是阴历七月初五,acm队员zb的生日.zb正在和C小加.never在武汉集训.他想给这两位兄弟买点什么庆祝生日,经过调查,zb发现C小加和never都很喜欢吃西瓜,而且一吃就是一堆的那种,zb ...

  4. Android核心基础(五)

    1.仿网易新闻客户端 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xml ...

  5. 【MFC学习笔记-作业6-sin图像】【OnDraw(CDC* pDC)】

    根据这段源代码 一步一步剖析CDC的使用 void CDrawSinXView::OnDraw(CDC* pDC) { CDrawSinXDoc* pDoc = GetDocument(); ASSE ...

  6. 计算(a/b)%c

    如果b与c互素,则(a/b)%c=a*b^(phi(c)-1)%c 如果b与c不互素,则(a/b)%c=(a%bc)/b 对于b与c互素和不互素都有(a/b)%c=(a%bc)/b成立

  7. 关于jQuery的ajax的源码的dataType解读

    $.ajax其实底层还是用的XMLHttpRequest,对于加载数据的格式datatype有:xml.text.html.json.jsonp.script. 其中xml.text不需要处理,直接使 ...

  8. js获取网页高度和宽度(备份)

    网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWi ...

  9. csss3 2D转换

    CSS3 转换 通过 CSS3 转换,我们能够对元素进行移动.缩放.转动.拉长或拉伸. 它如何工作? 转换是使元素改变形状.尺寸和位置的一种效果. 您可以使用 2D 或 3D 转换来转换您的元素. 浏 ...

  10. RDLC报表系列(五) 简单的图表-柱状图

    继续接上一篇的内容,本文主要是讲图标的内容,本文就是简单的图标,复杂的柱状图和折线图在下一文章中介绍. 数据源还是上文RDLC报表系列(四) 矩阵中的相同 1.还是继续使用demo2的文件