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静态的url如何传递
May 03 Javascript
用JTrackBar实现的模拟苹果风格的滚动条
Aug 06 Javascript
如何在一个页面显示多个百度地图
Apr 07 Javascript
基于jQuery倒计时插件实现团购秒杀效果
May 13 Javascript
Javascript iframe交互并兼容各种浏览器的解决方法
Jul 12 Javascript
vue实现点击图片放大效果
Aug 15 Javascript
浅谈node.js 命令行工具(cli)
May 10 Javascript
基于vue中对鼠标划过事件的处理方式详解
Aug 22 Javascript
JS实现鼠标拖拽盒子移动及右键点击盒子消失效果示例
Jan 29 Javascript
基于vue-cli 路由 实现类似tab切换效果(vue 2.0)
May 08 Javascript
JS async 函数的含义和用法实例总结
Apr 08 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
May 10 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实现的网站目录扫描索引工具
2016/09/08 PHP
php删除txt文件指定行及按行读取txt文档数据的方法
2017/01/30 PHP
JQuery中的$.getJSON 使用说明
2011/03/10 Javascript
alert出数组中的随即值代码
2014/09/25 Javascript
node.js中的events.emitter.once方法使用说明
2014/12/10 Javascript
node.js中的fs.readdir方法使用说明
2014/12/17 Javascript
jQuery三级下拉列表导航菜单代码分享
2020/04/15 Javascript
JavaScript中自带的 reduce()方法使用示例详解
2016/08/10 Javascript
jQuery事件详解
2017/02/23 Javascript
Angular2平滑升级到Angular4的步骤详解
2017/03/29 Javascript
Vue.js项目部署到服务器的详细步骤
2017/07/17 Javascript
BootStrap给table表格的每一行添加一个按钮事件
2017/09/07 Javascript
从零开始搭建vue移动端项目到上线的步骤
2018/10/15 Javascript
JavaScript如何实现元素全排列实例代码
2019/05/14 Javascript
JavaScript之数组扁平化详解
2019/06/03 Javascript
通过实例解析JavaScript常用排序算法
2020/09/02 Javascript
微信小程序之高德地图多点路线规划过程示例详解
2021/01/18 Javascript
[40:48]DOTA2上海特级锦标赛D组败者赛 Liquid VS COL第二局
2016/02/28 DOTA
使用python实现递归版汉诺塔示例(汉诺塔递归算法)
2014/04/08 Python
Python中的变量和作用域详解
2016/07/13 Python
Python编程实现删除VC临时文件及Debug目录的方法
2017/03/22 Python
Python面向对象之类的内置attr属性示例
2018/12/14 Python
python实现对服务器脚本敏感信息的加密解密功能
2019/08/13 Python
Python Django框架url反向解析实现动态生成对应的url链接示例
2019/10/18 Python
MADE荷兰:提供原创设计师家具
2018/04/03 全球购物
写演讲稿所需要注意的4个条件
2014/01/09 职场文书
贯彻学习两会心得体会范文
2014/03/17 职场文书
2014年关工委工作总结
2014/11/17 职场文书
2014年店长工作总结
2014/11/17 职场文书
道歉信范文
2015/05/12 职场文书
新生儿未入户证明
2015/06/23 职场文书
董事长致辞
2015/07/29 职场文书
Nginx的反向代理实例详解
2021/03/31 Servers
python基础之爬虫入门
2021/05/10 Python
Java基础——Map集合
2022/04/01 Java/Android
vue 数字翻牌器动态加载数据
2022/04/20 Vue.js