【JavaScript】JavaScript中的replaceAll
JavaScript中是没有replaceAll的。仅仅有replace，replace仅仅能替换字符中的第一个字符。并且这个replace里面不支持正則表達式，以达到replaceAll的目的。
只是能够自己写一个JavaScript中的replaceAll，也不用写到str.replaceAll，一点就能够用的程度的程度。写一个返回值为字符串类型、处理之后的字符串；形式參数为要处理的字符串，要被替换的东西、要被替换成的东西的函数就能够了。
写好一个JavaScript中的replaceAll能够对某些多行文本框从数据库读取数据，之后清理多行文本框不能被javascript中清理HTML函数。详见《【JavaScript】某些字符不转义能够导致网页崩溃与涉及转义字符的显示方法》（点击打开链接），把<BR>清理成\r\n的问题，从而在多行文本框正常显示的问题。
这多见于一些编辑功能。
JavaScript的replaceAll函数例如以下：
function replaceAll(str,replaced,replacement){
var reg=new RegExp(replaced,"g");
str=str.replace(reg,replacement);
return str;
}
详细使用方式用一个样例来说明这个函数的利用，
比方站点有例如以下的表单。显示如同word中的替换功能。
这个网页的布局例如以下，非常easy，请注意里面的ID就可以：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>replaceAll</title>
</head> <body>
<textarea id="str"></textarea><br />
把<input type="text" id="replaced" />替换成<input type="text" id="replacement" /><button onclick="replaceAllTest()">go!</button>
</body>
</html>
GObutton首先调用脚本中的replaceAllTest函数，把文本框中的内容，被替换的内容，要替换的内容拿过来。直接调用上文的replaceAll()函数，完毕替换得到的字符串，则替换文本框中的文本就可以。
<script>
function replaceAllTest(){
var str=document.getElementById("str").value;
var replaced=document.getElementById("replaced").value;
var replacement=document.getElementById("replacement").value;
str=replaceAll(str,replaced,replacement);
document.getElementById("str").value=str;
}
function replaceAll(str,replaced,replacement){
var reg=new RegExp(replaced,"g");
str=str.replace(reg,replacement);
return str;
}
</script>
【JavaScript】JavaScript中的replaceAll的更多相关文章
- JavaScript jQuery 中定义数组与操作及jquery数组操作
首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组就是某类数据的集合,数据类型可以是整型.字符串.甚至是对象Javascript不支持多 ...
- JavaScript文件中调用AngularJS内部方法或改变$scope变量
需要在其他JavaScript文件中调用AngularJS内部方法或改变$scope变量,同时还要保持双向数据绑定: 首先获取AngularJS application: 方法一:通过controll ...
- JavaScript ES7 中使用 async/await 解决回调函数嵌套问题
原文链接:http://aisk.me/using-async-await-to-avoid-callback-hell/ JavaScript 中最蛋疼的事情莫过于回调函数嵌套问题.以往在浏览器中, ...
- 警惕javascript代码中的“</script>”！
之前在写<博客园自定义博客侧边栏公告的过滤漏洞>的时候遇到了一个javascript代码报错“语法错误”的问题,一直不得以解决,感谢Arliang发现了并为我进行了耐心的解释,现整理如下: ...
- [记录] javascript 对象中使用setTimeout
参考:Javascript对象中关于setTimeout和setInterval的this介绍 使用最后一个方法终于弄好了,简直了,在对象中使用setTimeout原来是这样的 做的是分钟倒计时,倒数 ...
- 第一百节，JavaScript表达式中的运算符
JavaScript表达式中的运算符 学习要点: 1.什么是表达式 2.一元运算符 3.算术运算符 4.关系运算符 5.逻辑运算符 6.*位运算符 7.赋值运算符 8.其他运算符 9.运算符优先级 E ...
- Javascript Jquery 中的数组定义与操作_子木玲_新浪博客
body{ font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI& ...
- JavaScript 语言中的 this
JavaScript 语言中的 this 由于其运行期绑定的特性,JavaScript 中的 this 含义要丰富得多,它可以是全局对象.当前对象或者任意对象,这完全取决于函数的调用方式.JavaSc ...
- JavaScript面向对象中的继承
1.1继承的基本概念 使用一个子类,继承另一个父类,那么子类可以自动拥有父类中的所有属性和方法,这个过程叫做继承. >>>继承的两方,发生在两个类之间. 实现继承的三种方式: 扩展O ...
随机推荐
- hiho1560 - 矩阵快速幂
题目链接 坑死了,以为是K进制数,每一位可以是0-K之间的,其实是十进制,每一位最高为9,一直wa在这....... ----------------------------------------- ...
- shell-3.bash的基本功能：通配符和其他特殊字符
1. 2.
- Rx = Observables + LINQ + Schedulers
The Reactive Extensions (Rx) is a library for composing asynchronous and event-based programs using ...
- php对excel导入导出的支持
闲话不多说了,大家直接进入主题 php对excel的导入: 1.为程序添加一个form表单,为form标签添加“enctype="multipart/form-data"”属性 ...
- LINUX 中 python 版本升级
首先下载源tar包 可利用linux自带下载工具wget下载,如下所示: 1 # wget http://www.python.org/ftp/python/2.7.3/Python-2.7.3.tg ...
- 【hackerrank week of code 26】Hard Homework
[题目链接]:https://www.hackerrank.com/contests/w26/challenges/hard-homework/problem [题意] 给你一个式子:sin(x)+s ...
- Failed to initialize connector [Connector[HTTP/1.1-443]]
Failed to initialize connector [Connector[HTTP/1.1-443]] 出现如上错误时,是因为443端口被占用, 所以tomcat的https协议无法使用, ...
- Qt之自定义布局管理器（QBorderLayout）
简述 QBorderLayout,顾名思义-边框布局,实现了排列子控件包围中央区域的布局. 具体实现要求不再赘述,请参考前几节内容. 简述 实现 效果 源码 使用 实现 QBorderLayout主要 ...
- JAVA:从public static void main（String args[])開始
我们都知道当你要执行一个JAVA文件的时候必需要有一个main函数. 这是为什么呢? 跟C语言的道理一样,当你执行一个文件的时候.你必需要有一个入口函数或者入口地址,在C里面是main函数.相同的在J ...
- NSURLCache、网络监測状态
有时候.对同一个URL请求多次.返回的数据可能一样的: 比方server上的某张图片.不管下载多少次,返回的数据都是一样的.可是这些情况会造成下面问题: 1,用户流量的浪费. 2.程序响应速度不够快 ...