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 相关文章推荐
让页面上两个div中的滚动条(滑块)同步运动示例
Aug 07 Javascript
jquery中获取id值方法小结
Sep 22 Javascript
jquery判断RadioButtonList和RadioButton中是否有选中项示例
Sep 29 Javascript
iframe子页面与父页面在同域或不同域下的js通信
May 07 Javascript
自己封装的常用javascript函数分享
Jan 07 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
Apr 29 Javascript
设置jQueryUI DatePicker默认语言为中文
Jun 04 Javascript
JavaScript字符串对象(string)基本用法示例
Jan 18 Javascript
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
Jun 09 jQuery
SpringMVC简单整合Angular2的示例
Jul 31 Javascript
Vue2.x中利用@font-size引入字体图标报错的解决方法
Sep 28 Javascript
ant design vue嵌套表格及表格内部编辑的用法说明
Oct 28 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分页示例代码
2007/03/19 PHP
php数据库配置文件一般做法分享
2012/07/07 PHP
PHP生成plist数据的方法
2015/06/16 PHP
Yii2处理密码加密及验证的方法
2019/05/12 PHP
jQuery 使用手册(一)
2009/09/23 Javascript
jQuery中阻止冒泡事件的方法介绍
2014/04/12 Javascript
js获取select默认选中的Option并不是当前选中值
2014/05/07 Javascript
JavaScript实现随机替换图片的方法
2015/04/16 Javascript
js控制多图左右滚动切换效果代码分享
2015/08/26 Javascript
Bootstrap进度条学习使用
2017/02/09 Javascript
js常用的继承--组合式继承
2017/03/06 Javascript
BootstrapValidator实现注册校验和登录错误提示效果
2017/03/10 Javascript
67 个节约开发时间的前端开发者的工具、库和资源
2017/09/12 Javascript
angular4中关于表单的校验示例
2017/10/16 Javascript
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
使用JS代码实现俄罗斯方块游戏
2018/08/03 Javascript
[03:09]2014DOTA2国际邀请赛 Mushi前队友送上祝福
2014/07/12 DOTA
在Django的URLconf中使用命名组的方法
2015/07/18 Python
Python机器学习logistic回归代码解析
2018/01/17 Python
python面向对象多线程爬虫爬取搜狐页面的实例代码
2018/05/31 Python
Python分布式进程中你会遇到的问题解析
2019/05/28 Python
python3 求约数的实例
2019/12/05 Python
Python使用psutil获取进程信息的例子
2019/12/17 Python
Python flask框架实现查询数据库并显示数据
2020/06/04 Python
python3读取autocad图形文件.py实例
2020/06/05 Python
Pycharm中配置远程Docker运行环境的教程图解
2020/06/11 Python
python 通过pip freeze、dowload打离线包及自动安装的过程详解(适用于保密的离线环境
2020/12/14 Python
美国最顶级的精品店之一:Hampden Clothing
2016/12/22 全球购物
先进事迹报告会感言
2014/01/24 职场文书
军训鉴定表自我鉴定
2014/02/13 职场文书
创业者迈进成功第一步:如何写创业计划书?
2014/03/22 职场文书
法人代表任命书范本
2014/06/05 职场文书
宾馆安全管理制度
2015/08/06 职场文书
golang内置函数len的小技巧
2021/07/25 Golang
尝试使用Python爬取城市租房信息
2022/04/12 Python
postgresql中如何执行sql文件
2023/05/08 PostgreSQL