replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

replace()方法有两个参数,第一个参数是正则表达式,正则表达式如果带全局标志/g,则是代表替换所有匹配的字符串,否则是只替换第一个匹配串。
第二个参数可以是字符串,也可以是函数。$1、$2...表示与正则表达式匹配的文本。

There are many ways we can make a difference. Global change starts with you. Sign up for our free newsletter today.

输出:There Are Many Ways We Can Make A Difference. Global Change Starts With You. Sign Up For Our Free Newsletter Today.

源代码如下:

 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=utf-8;">
<title> JS replace方法 </title>
<meta name="author" content="rainna" />
<meta name="keywords" content="rainna's js lib" />
<meta name="description" content="JS replace方法" />
</head>
<body>
<h1>使用JS的replace()方法把所有单词的首字母大写</h1>
<p>replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。<br />replace()方法有两个参数,第一个参数是正则表达式,正则表达式如果带全局标志/g,则是代表替换所有匹配的字符串,否则是只替换第一个匹配串。<br />
第二个参数可以是字符串,也可以是函数。$1、$2...表示与正则表达式匹配的文本。</p>
<p id="word">There are many ways we can make a difference. Global change starts with you. Sign up for our free newsletter today.</p>
<a href="" id="replaceBtn">替换</a> <script>
var replaceFunc = function(){
var word = document.getElementById('word').innerText.toString(),
btn = document.getElementById('replaceBtn'); var func1 = function(str){
return str.replace(/\b\w+\b/g,function(word){
return word.substring(0,1).toUpperCase() + word.substring(1);
});
} btn.onclick = function(event){
event.preventDefault();
console.log(func1(word));
}
} replaceFunc();
</script>
</body>
</html>

最新文章

  1. hbm配置文件 generator节点各种解释
  2. Python成长之路第一篇(3)_初识字典
  3. poj1338
  4. java读取配置文件的几种方法
  5. python命令行解析工具argparse模块【4】
  6. Python -- Web -- 使用框架
  7. oracle物理视图(转)
  8. NYOJ201作业题
  9. further occurrences of HTTP header parsing errors will be logged at DEBUG level.错误
  10. Vscode生成verilog例化
  11. 集成学习—boosting和bagging
  12. 去掉&quot;You are running Vue in development mode&quot;提示
  13. lvs - mask标记
  14. python之路——10
  15. vue 根据接口返回的状态码判断用户登录状态并跳转登录页,登录后回到上一个页面(http拦截器)
  16. 理解maven中SNAPSHOT版本的作用
  17. IOS开发之Core Location
  18. CoreSight介绍篇
  19. jsp手动分页
  20. DNS服务器配置实践

热门文章

  1. 一步步学敏捷开发:5. Scrum的4种会议
  2. Swift语言实战晋级
  3. 《ASP.NET MVC 5 框架揭秘》
  4. 计算几何--判断两条线段相交--poj 2653
  5. c#分页读取GB文本文件
  6. PHP采集程序中的常用函数
  7. 记忆化搜索 codevs 2241 排序二叉树
  8. 边工作边刷题:70天一遍leetcode: day 75
  9. eclipse点击一个变量使相同名称变量高亮显示的方法
  10. java 16-2 ArrayList的练习2