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 easyui 下loaing效果示例代码
Aug 12 Javascript
简体中文转换繁体中文(实现代码)
Dec 25 Javascript
js确认删除对话框适用于a标签及submit
Jul 10 Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
Jun 01 Javascript
Vue编写多地区选择组件
Aug 21 Javascript
jquery 获取索引值在一定范围的列表方法
Jan 25 jQuery
关于微信公众号开发无法支付的问题解决
Dec 28 Javascript
如何让微信小程序页面之间的通信不再变困难
Jun 03 Javascript
Vue-cli项目部署到Nginx服务器的方法
Nov 01 Javascript
jQuery实现全选、反选和不选功能的方法详解
Dec 04 jQuery
js实现选项卡效果
Mar 07 Javascript
vue报错function () { [native code] },无法出现我们想要的内容 Unknown custom element
Apr 11 Vue.js
原生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
全国FM电台频率大全 - 11 浙江省
2020/03/11 无线电
PHP查看当前变量类型的方法
2015/07/31 PHP
浅谈PHP中类和对象的相关函数
2017/04/26 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
google地图的路线实现代码
2009/08/20 Javascript
动态调用CSS文件的JS代码
2010/07/29 Javascript
javascript学习笔记(七)利用javascript来创建和存储cookie
2011/04/08 Javascript
js给onclick事件赋值,动态传参数实例解说
2013/03/28 Javascript
Jquery 动态循环输出表格具体方法
2013/11/23 Javascript
js遍历子节点子元素附属性及方法
2014/08/19 Javascript
基于jQuery+JSON的省市二三级联动效果
2015/06/05 Javascript
jquery中关于bind()方法的使用技巧分享
2017/03/30 jQuery
js原生方法被覆盖,从新赋值原生的方法
2018/01/02 Javascript
iview日期控件,双向绑定日期格式的方法
2018/03/15 Javascript
Node.js实现用户评论社区功能(体验前后端开发的乐趣)
2019/05/09 Javascript
js实现图片粘贴到网页
2019/12/06 Javascript
文章或博客自动生成章节目录索引(支持三级)的实现代码
2020/05/10 Javascript
python 捕获 shell/bash 脚本的输出结果实例
2017/01/04 Python
Python socket实现简单聊天室
2018/04/01 Python
python 实现调用子文件下的模块方法
2018/12/07 Python
树莓派3 搭建 django 服务器的实例
2019/08/29 Python
Python基础之变量基本用法与进阶详解
2020/01/03 Python
python3+openCV 获取图片中文本区域的最小外接矩形实例
2020/06/02 Python
详解python程序中的多任务
2020/09/16 Python
Pycharm github配置实现过程图解
2020/10/13 Python
pytorch 计算Parameter和FLOP的操作
2021/03/04 Python
GLAMGLOW格莱魅美国官网:美国知名的面膜品牌
2016/12/31 全球购物
工商管理专业职业生涯规划
2014/01/01 职场文书
2015年度护士个人工作总结
2015/04/09 职场文书
一个都不能少观后感
2015/06/04 职场文书
新年祝酒词大全
2015/08/11 职场文书
高中地理教学反思
2016/02/19 职场文书
个人的事迹材料怎么写
2019/04/24 职场文书
python编写函数注意事项总结
2021/03/29 Python
MySQL主从复制断开的常用修复方法
2021/04/07 MySQL
Python NumPy灰度图像的压缩原理讲解
2021/08/04 Python