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 相关文章推荐
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
Mar 12 Javascript
window.location.href中url中数据量太大时的解决方法
Dec 23 Javascript
jquery引用方法时传递参数原理分析
Oct 13 Javascript
wap手机端解决返回上一页的js实例
Dec 08 Javascript
jQuery学习之DOM节点的插入方法总结
Jan 22 Javascript
Angular CLI 安装和使用教程
Sep 13 Javascript
vue 纯js监听滚动条到底部的实例讲解
Sep 03 Javascript
Vue服务端渲染实践之Web应用首屏耗时最优化方案
Mar 22 Javascript
VUE接入腾讯验证码功能(滑块验证)备忘
May 07 Javascript
Vue实现表格批量审核功能实例代码
May 28 Javascript
vue 使用鼠标滚动加载数据的例子
Oct 31 Javascript
详解JavaScript自定义函数
Jul 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中foreach/in_array的使用
2015/11/02 PHP
PHP计算近1年的所有月份
2017/03/13 PHP
S2SH整合JQuery+Ajax实现登录验证功能实现代码
2013/01/30 Javascript
JQuery结合CSS操作打印样式的方法
2013/12/24 Javascript
Javascript中的Array数组对象详谈
2014/03/03 Javascript
javascript实现rgb颜色转换成16进制格式
2015/07/10 Javascript
jQuery使用$.each遍历json数组的简单实现方法
2016/04/18 Javascript
jQuery实现的导航下拉菜单效果
2016/07/04 Javascript
详解本地Node.js服务器作为api服务器的解决办法
2017/02/28 Javascript
详解node Async/Await 更好的异步编程解决方案
2018/05/10 Javascript
微信小程序签到功能
2018/10/31 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
2019/09/25 Javascript
如何在vue项目中嵌入jsp页面的方法(2种)
2020/02/06 Javascript
vue 组件之间事件触发($emit)与event Bus($on)的用法说明
2020/07/28 Javascript
JavaScript事件循环及宏任务微任务原理解析
2020/09/02 Javascript
Js跳出两级循环方法代码实例
2020/09/22 Javascript
Python时间戳使用和相互转换详解
2017/12/11 Python
Python学习笔记之迭代器和生成器用法实例详解
2019/08/08 Python
python用quad、dblquad实现一维二维积分的实例详解
2019/11/20 Python
Python一行代码解决矩阵旋转的问题
2019/11/30 Python
python实现mean-shift聚类算法
2020/06/10 Python
Python pexpect模块及shell脚本except原理解析
2020/08/03 Python
python通用数据库操作工具 pydbclib的使用简介
2020/12/21 Python
pandas 数据类型转换的实现
2020/12/29 Python
5分钟快速掌握Python定时任务框架的实现
2021/01/26 Python
Charlotte Tilbury澳大利亚官网:英国美妆品牌
2018/10/05 全球购物
Lancer Skincare官方网站:抗衰老皮肤护理
2020/11/20 全球购物
出纳岗位职责
2013/11/09 职场文书
银行存款证明样本
2014/01/17 职场文书
农民致富事迹材料
2014/01/23 职场文书
最新奶茶店创业计划书
2014/01/25 职场文书
年级组长自我鉴定
2014/02/22 职场文书
乡镇党的群众路线教育实践活动总结报告
2014/10/30 职场文书
复兴之路展览观后感
2015/06/02 职场文书
幸福来敲门观后感
2015/06/04 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书