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自定义图片热区效果
Jul 21 Javascript
javascript动态创建及删除元素的方法
Dec 22 Javascript
介绍一个简单的JavaScript类框架
Jun 24 Javascript
Bootstrap每天必学之导航
Nov 26 Javascript
AngularJS 入门教程之HTML DOM实例详解
Jul 28 Javascript
利用JS提交表单的几种方法和验证(必看篇)
Sep 17 Javascript
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
Jun 01 jQuery
jquery手机触屏滑动拼音字母城市选择器的实例代码
Dec 11 jQuery
JavaScript累加、迭代、穷举、递归等常用算法实例小结
May 08 Javascript
vue input输入框模糊查询的示例代码
May 22 Javascript
webpack开发环境和生产环境的深入理解
Nov 08 Javascript
JS实现音量控制拖动
Jan 15 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 ajax 静态分页过程形式
2011/09/02 PHP
PHP的array_diff()函数在处理大数组时的效率问题
2011/11/27 PHP
php对数组排序的简单实例
2013/12/25 PHP
Windows2003下php5.4安装配置教程(IIS)
2016/06/30 PHP
老生常谈PHP面向对象之解释器模式
2017/05/17 PHP
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
超级简单的图片防盗(HTML),好用
2007/04/08 Javascript
js 数组操作代码集锦
2009/04/28 Javascript
JavaScript中的原型和继承详解(图文)
2014/07/18 Javascript
JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
2014/10/17 Javascript
使用AngularJS处理单选框和复选框的简单方法
2015/06/19 Javascript
js精美的幻灯片画集特效代码分享
2015/08/29 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
2015/11/26 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
2016/02/17 Javascript
Atitit.js的键盘按键事件捆绑and事件调度
2016/04/01 Javascript
jquery遍历table的tr获取td的值实现方法
2016/05/19 Javascript
AngularJS入门教程之迭代器过滤详解
2016/08/18 Javascript
Boostrap实现的登录界面实例代码
2016/10/09 Javascript
Windows系统下安装Node.js的步骤图文详解
2016/11/15 Javascript
Bootstrap源码解读下拉菜单(4)
2016/12/23 Javascript
详解Vue前端对axios的封装和使用
2019/04/01 Javascript
JavaScript和TypeScript中的void的具体使用
2019/09/12 Javascript
vue项目初始化到登录login页面的示例
2019/10/31 Javascript
Python采集腾讯新闻实例
2014/07/10 Python
python服务器与android客户端socket通信实例
2014/11/12 Python
python执行等待程序直到第二天零点的方法
2015/04/23 Python
Python实现批量修改文件名实例
2015/07/08 Python
Python使用Tkinter实现机器人走迷宫
2018/01/22 Python
python把数组中的数字每行打印3个并保存在文档中的方法
2018/07/17 Python
pygame游戏之旅 按钮上添加文字的方法
2018/11/21 Python
在flask中使用python-dotenv+flask-cli自定义命令(推荐)
2020/01/05 Python
python 数据库查询返回list或tuple实例
2020/05/15 Python
欧洲、亚洲、非洲和拉丁美洲的度假套餐:Great Value Vacations
2019/03/30 全球购物
事业单位个人查摆问题及整改措施
2014/10/28 职场文书
Javascript中的解构赋值语法详解
2021/04/02 Javascript
前端JS获取URL参数的4种方法总结
2022/04/05 Javascript