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 相关文章推荐
JavaScript自动设置IFrame高度的小例子
Jun 08 Javascript
动态加载jquery库的方法
Feb 12 Javascript
js获得当前时区夏令时发生和终止的时间代码
Feb 23 Javascript
jquery淡化版banner异步图片文字效果切换图片特效
Apr 08 Javascript
javascript制作的cookie封装及使用指南
Jan 02 Javascript
javascript实现ecshop搜索框键盘上下键切换控制
Mar 18 Javascript
浅谈js内置对象Math的属性和方法(推荐)
Sep 19 Javascript
JS完成画圆圈的小球
Mar 07 Javascript
vue路由嵌套的SPA实现步骤
Nov 06 Javascript
详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序
Nov 21 Javascript
细说webpack6 Babel的使用详解
Sep 26 Javascript
Javascript如何实现双指控制图片功能
Feb 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
用mysql内存表来代替php session的类
2009/02/01 PHP
基于php常用函数总结(数组,字符串,时间,文件操作)
2013/06/27 PHP
PHP中替换键名的简易方法示例详解
2014/01/07 PHP
php 启动报错如何解决
2014/01/17 PHP
php的4种常见运行方式
2015/03/20 PHP
php5.3后静态绑定用法详解
2016/11/11 PHP
CI框架入门之MVC简单示例
2016/11/21 PHP
PHP实现向关联数组指定的Key之前插入元素的方法
2017/06/06 PHP
PHP CURL与java http使用方法详解
2018/01/26 PHP
iframe 异步加载技术及性能分析
2011/07/19 Javascript
js实现图片放大缩小功能后进行复杂排序的方法
2012/11/08 Javascript
js与jquery实时监听输入框值的oninput与onpropertychange方法
2015/02/05 Javascript
jquery使用ul模拟select实现表单美化的方法
2015/08/18 Javascript
学习vue.js表单控件绑定操作
2016/12/05 Javascript
原生js实现电商侧边导航效果
2017/01/19 Javascript
AngularJS 表单验证手机号的实例(非必填)
2017/11/12 Javascript
react学习笔记之state以及setState的使用
2017/12/07 Javascript
基于React+Redux的SSR实现方法
2018/07/03 Javascript
vue-test-utils初使用详解
2019/05/23 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
2019/09/28 Javascript
如何在postman测试用例中实现断言过程解析
2020/07/09 Javascript
Python的条件表达式和lambda表达式实例
2019/01/31 Python
python 在某.py文件中调用其他.py内的函数的方法
2019/06/25 Python
python实现日志按天分割
2019/07/22 Python
用Python爬取QQ音乐评论并制成词云图的实例
2019/08/24 Python
使用python绘制二维图形示例
2019/11/22 Python
解决jupyter notebook显示不全出现框框或者乱码问题
2020/04/09 Python
如何基于Python代码实现高精度免费OCR工具
2020/06/18 Python
python导入库的具体方法
2020/06/18 Python
HTML5 Canvas玩转酷炫大波浪进度图效果实例(附demo)
2016/12/14 HTML / CSS
应届生妇产科护士求职信
2013/10/27 职场文书
海南地接欢迎词
2014/01/14 职场文书
八年级美术教学反思
2014/02/02 职场文书
《落花生》教学反思
2014/02/25 职场文书
丧事答谢词大全
2015/09/30 职场文书
根德5570型九灯四波段立体声收音机是电子管收音机的楷模 ? 再论5570
2022/04/05 无线电