javascript实现英文首字母大写


Posted in Javascript onApril 23, 2015

方法一:

function replaceStr(str){ // 正则法
 str = str.toLowerCase();
 var reg = /\b(\w)|\s(\w)/g; //  \b判断边界\s判断空格
 return str.replace(reg,function(m){ 
  return m.toUpperCase()
 });
}

function replaceStr1(str){
 str = str.toLowerCase();
 var strTemp = ""; //新字符串
 for(var i=0;i<str.length;i++){
  if(i == 0){
   strTemp += str[i].toUpperCase(); //第一个
   continue;
  }
  if(str[i] == " " && i< str.length-1){ //空格后
   strTemp += " ";
   strTemp += str[i+1].toUpperCase();
   i++;
   continue;
  }
  strTemp += str[i];
 }
  return strTemp;
 }
 

var text = "abcd ABCD efGH";
console.log(replaceStr(text));//Abcd Abcd Efgh
console.log(replaceStr1(text));//Abcd Abcd Efgh

方法二:

<script type="text\javascript">
function ucfirst(str){
var str = str.toLowerCase();
var strarr = str.split(' ');
var result = '';
for(var i in strarr){
result += strarr[i].substring(0,1).toUpperCase()+strarr[i].substring(1)+' ';
}
return result;
}
</script>

 方法三:

<script type="text\javascript">
function ucfirst(str) {
var str = str.toLowerCase();
str = str.replace(/\b\w+\b/g, function(word){
  return word.substring(0,1).toUpperCase()+word.substring(1);
});
return str; 
</script>

CSS来实现:

<html>
 <head>
 <style type="text/css"> 
  h1 {text-transform: uppercase} 
  p.uppercase {text-transform: uppercase}   
  p.lowercase {text-transform: lowercase}  
  p.capitalize {text-transform: capitalize } 
 </style>
 </head>
 <body>
  <h1>This Is An H1 Element</h1>
   <p class="uppercase">This is a test.</p><p class="lowercase">This is a test.</p><p class="capitalize">This is a test.</p>
 </body>
</html>

以上就是给大家总结的4种实现英文首字母大写的方法,希望大家能够喜欢。

Javascript 相关文章推荐
js中document.write使用过程中的一点疑问解答
Mar 20 Javascript
用unescape反编码得出汉字示例
Apr 24 Javascript
Extjs实现下拉菜单效果
Apr 01 Javascript
在JavaScript中模拟类(class)及类的继承关系
May 20 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
Aug 03 Javascript
Angular 理解module和injector,即依赖注入
Sep 07 Javascript
jQuery实现的超链接提示效果示例【附demo源码下载】
Sep 09 Javascript
浅析jsopn跨域请求原理及cors(跨域资源共享)的完美解决方法
Feb 06 Javascript
Node.js 中使用 async 函数的方法
Nov 20 Javascript
node前端模板引擎Jade之标签的基本写法
May 11 Javascript
vue服务端渲染缓存应用详解
Sep 12 Javascript
详解如何在Angular优雅编写HTTP请求
Dec 05 Javascript
原生js和jquery实现图片轮播淡入淡出效果
Apr 23 #Javascript
浅谈javascript中for in 和 for each in的区别
Apr 23 #Javascript
原生js和jquery实现图片轮播特效
Apr 23 #Javascript
使用纯javascript实现经典扫雷游戏
Apr 23 #Javascript
jQuery图片特效插件Revealing实现拉伸放大
Apr 22 #Javascript
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
Apr 22 #Javascript
javascript解三阶幻方(九宫格)
Apr 22 #Javascript
You might like
PHP将整个网站生成HTML纯静态网页的方法总结
2012/02/05 PHP
具有时效性的php加密解密函数代码
2013/06/19 PHP
PHP zip扩展Linux下安装过程分享
2014/05/05 PHP
PHP创建/删除/复制文件夹、文件
2016/05/03 PHP
示例详解Laravel的注册重构
2016/08/14 PHP
LaravelS通过Swoole加速Laravel/Lumen详解
2018/03/02 PHP
PHP根据key删除数组中指定的元素
2019/02/28 PHP
在laravel框架中使用model层的方法
2019/10/08 PHP
JQuery 浮动导航栏实现代码
2009/08/27 Javascript
JavaScript 用cloneNode方法克隆节点的代码
2012/10/15 Javascript
关于Javascript与iframe的那些事儿
2013/07/04 Javascript
JavaScript正则表达式的贪婪匹配和非贪婪匹配
2017/09/05 Javascript
使用原生js封装的ajax实例(兼容jsonp)
2017/10/12 Javascript
vue中实现methods一个方法调用另外一个方法
2018/02/08 Javascript
详解plotly.js 绘图库入门使用教程
2018/02/23 Javascript
使用Vuex实现一个笔记应用的方法
2018/03/13 Javascript
微信小程序定位当前城市的方法
2018/07/19 Javascript
js变量值传到php过程详解 将php解析成数据
2019/06/26 Javascript
[09:23]国际邀请赛采访专栏:iG战队VK,Tongfu战队Cu
2013/08/05 DOTA
一步步解析Python斗牛游戏的概率
2016/02/12 Python
django 发送手机验证码的示例代码
2018/04/25 Python
Python实现决策树C4.5算法的示例
2018/05/30 Python
对pandas中时间窗函数rolling的使用详解
2018/11/28 Python
Python TCP通信客户端服务端代码实例
2019/11/21 Python
python pyenv多版本管理工具的使用
2019/12/23 Python
Python Tornado之跨域请求与Options请求方式
2020/03/28 Python
接口自动化多层嵌套json数据处理代码实例
2020/11/20 Python
css3实现小箭头各种图形效果
2020/07/08 HTML / CSS
CSS3实现莲花绽放的动画效果
2020/11/06 HTML / CSS
Antonioli美国在线商店:时尚前卫奢华
2019/07/29 全球购物
英国卫浴商店:Ergonomic Design
2019/09/22 全球购物
信用社主任竞聘演讲稿
2014/05/23 职场文书
松材线虫病防治方案
2014/06/15 职场文书
青年干部培训班学习心得体会
2016/01/06 职场文书
Go语言-为什么返回值为接口类型,却返回结构体
2021/04/24 Golang
如何优化vue打包文件过大
2022/04/13 Vue.js