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 相关文章推荐
jQuery使用手册之三 CSS操作
Mar 24 Javascript
js 数组克隆方法 小结
Mar 20 Javascript
jQuery循环滚动展示代码 可应用到文字和图片上
May 11 Javascript
javascript学习笔记(十八) 获得页面中的元素代码
Jun 20 Javascript
Three.js源码阅读笔记(物体是如何组织的)
Dec 27 Javascript
浅谈javascript的Touch事件
Sep 27 Javascript
微信小程序图表插件(wx-charts)实例代码
Jan 17 Javascript
js中自定义react数据验证组件实例详解
Oct 19 Javascript
微信小程序实现折线图的示例代码
Jun 07 Javascript
小程序实现短信登录倒计时
Jul 12 Javascript
微信小程序去除左上角返回键的实现方法
Mar 06 Javascript
小程序自定义轮播图圆点组件
Jun 25 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图片上传代码
2013/11/04 PHP
PHP中捕获超时事件的方法实例
2015/02/12 PHP
支持中文的PHP按字符串长度分割成数组代码
2015/05/17 PHP
PHP实现cookie跨域session共享的方法分析
2019/08/23 PHP
Javascript之旅 对象的原型链之由来
2010/08/25 Javascript
JavaScript访问样式表代码
2010/10/15 Javascript
js 弹出框 替代浏览器的弹出框
2010/10/29 Javascript
关于jquery性能最佳实践的讨论,与求教
2012/03/30 Javascript
JavaScript window.document的属性、方法和事件小结
2012/10/24 Javascript
JavaScript中判断函数、变量是否存在
2015/06/10 Javascript
JS从数组中随机取出几个数组元素的方法
2016/08/02 Javascript
表单元素值获取方式js及java方式的简单实例
2016/10/15 Javascript
easyUI实现(alert)提示框自动关闭的实例代码
2016/11/07 Javascript
js实现固定宽高滑动轮播图效果
2017/01/13 Javascript
浅谈angularJs函数的使用方法(大小写转换,拷贝,扩充对象)
2018/10/08 Javascript
150行代码带你实现微信小程序中的数据侦听
2019/05/17 Javascript
微信小程序中如何使用flyio封装网络请求
2019/07/03 Javascript
Python下的Softmax回归函数的实现方法(推荐)
2017/01/26 Python
Python实现删除文件中含“指定内容”的行示例
2017/06/09 Python
利用Django内置的认证视图实现用户密码重置功能详解
2017/11/24 Python
小白如何入门Python? 制作一个网站为例
2018/03/06 Python
pytorch构建网络模型的4种方法
2018/04/13 Python
python爬虫之线程池和进程池功能与用法详解
2018/08/02 Python
解决Keyerror ''acc'' KeyError: ''val_acc''问题
2020/06/18 Python
css3动画过渡实现鼠标跟随导航效果
2018/02/08 HTML / CSS
HTML5 新表单类型示例代码
2018/03/20 HTML / CSS
使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果
2020/11/10 HTML / CSS
欧洲第一中国智能手机和平板电脑网上商店:CECT-SHOP
2018/01/08 全球购物
缓解脚、腿和背部疼痛:Z-CoiL鞋
2019/03/12 全球购物
工程概预算专业毕业生求职信
2013/10/04 职场文书
工作的心得体会
2013/12/31 职场文书
自查自纠工作情况报告
2014/10/29 职场文书
2014年社区党建工作总结
2014/11/11 职场文书
​(迎国庆)作文之我爱我的祖国
2019/09/19 职场文书
如何利用opencv判断两张图片是否相同详解
2021/07/07 Python
特别篇动画《总之就是非常可爱 ~制服~》PV公开,2022年夏季播出
2022/04/04 日漫