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依赖模块
Dec 29 Javascript
Javascript中3个需要注意的运算符
Apr 02 Javascript
Bootstrap CSS布局之表格
Dec 17 Javascript
vue-router:嵌套路由的使用方法
Feb 21 Javascript
微信小程序基于slider组件动态修改标签透明度的方法示例
Dec 04 Javascript
Vue DevTools调试工具的使用
Dec 05 Javascript
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
Apr 17 jQuery
原生javascript AJAX 三级联动的实现代码
May 04 Javascript
javascript实现日历效果
Jun 17 Javascript
React中获取数据的3种方法及优缺点
Feb 18 Javascript
jquery实现简单拖拽效果
Jul 20 jQuery
详解React路由传参方法汇总记录
Nov 29 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中获取指定IP的物理地址的代码(正则表达式)
2011/06/23 PHP
php连接mssql的一些相关经验及注意事项
2013/02/05 PHP
php实现事件监听与触发的方法
2014/11/21 PHP
简单说说PHP优化那些事(经验分享)
2014/11/27 PHP
PHP Hash算法:Times33算法代码实例
2015/05/13 PHP
PHP利用缓存处理用户注册时的邮箱验证,成功后用户数据存入数据库操作示例
2019/12/31 PHP
javascript document.images实例
2008/05/27 Javascript
jQuery对象和DOM对象使用说明
2010/06/25 Javascript
javascript中全局对象的parseInt()方法使用介绍
2013/12/19 Javascript
javascript中style.left和offsetLeft的用法说明
2014/03/07 Javascript
js光标定位文本框回车表单提交问题的解决方法
2015/05/11 Javascript
微信小程序(应用号)简单实例应用及实例详解
2016/09/26 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
2016/11/04 Javascript
利用JS轻松实现获取表单数据
2016/12/06 Javascript
Bootstrap基本插件学习笔记之标签切换(17)
2016/12/08 Javascript
jquery操作ul的一些操作笔记整理(干货)
2017/08/31 jQuery
Vue组件之Tooltip的示例代码
2017/10/18 Javascript
详解element-ui设置下拉选择切换必填和非必填
2019/06/17 Javascript
layui 图片上传+表单提交+ Spring MVC的实例
2019/09/21 Javascript
基于html+css+js实现简易计算器代码实例
2020/02/28 Javascript
浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用
2020/03/08 Javascript
如何使用jQuery操作Cookies方法解析
2020/09/08 jQuery
js实现简单抽奖功能
2020/11/24 Javascript
Python中json格式数据的编码与解码方法详解
2016/07/01 Python
Python连接PostgreSQL数据库的方法
2016/11/28 Python
Python中关键字nonlocal和global的声明与解析
2017/03/12 Python
Python常用字符串替换函数strip、replace及sub用法示例
2018/05/21 Python
pytorch的梯度计算以及backward方法详解
2020/01/10 Python
python实现信号时域统计特征提取代码
2020/02/26 Python
详解Python 函数参数的拆解
2020/09/02 Python
Abbott Lyon官网:女士手表、珠宝及配件
2020/12/26 全球购物
后勤主管工作职责
2013/12/07 职场文书
贸易经济专业自荐书
2014/06/29 职场文书
人身意外保险授权委托书
2014/10/01 职场文书
2014年医德医风工作总结
2014/11/13 职场文书
邀请书模板
2015/02/02 职场文书