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下给元素添加事件的方法与代码
Aug 13 Javascript
文件编码导致jquery失效的解决方法
Jun 26 Javascript
js hover 定时器(实例代码)
Nov 12 Javascript
将json对象转换为字符串的方法
Feb 20 Javascript
Jquery实现自定义窗口随意的拖拽
Mar 12 Javascript
js带点自动图片轮播幻灯片特效代码分享
Sep 07 Javascript
详解javascript实现瀑布流列式布局
Jan 29 Javascript
javascript高级选择器querySelector和querySelectorAll全面解析
Apr 07 Javascript
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
Sep 28 Javascript
javascript操作cookie
Jan 17 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
Jan 18 Javascript
react-router4按需加载(踩坑填坑)
Jan 06 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
Zend Framework教程之Zend_Config_Ini用法分析
2016/03/23 PHP
PHP实现微信JS-SDK接口选择相册及拍照并上传的方法
2016/12/05 PHP
基于PHP-FPM进程池探秘
2017/10/17 PHP
PHP多线程模拟实现秒杀抢单
2018/02/07 PHP
你必须知道的Javascript知识点之&quot;this指针&quot;的应用
2013/04/23 Javascript
jQuery版AJAX简易封装代码
2016/09/14 Javascript
原生js图片轮播效果实现代码
2016/10/19 Javascript
Bootstrap面板使用方法
2017/01/16 Javascript
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
2017/02/14 Javascript
AngularJS 异步解决实现方法
2017/06/12 Javascript
微信小程序开发之好友列表字母列表跳转对应位置
2017/09/26 Javascript
浅谈如何使用 webpack 优化资源
2017/10/20 Javascript
在vue项目中引入highcharts图表的方法
2019/01/21 Javascript
今天,小程序正式支持 SVG
2019/04/20 Javascript
vue props对象validator自定义函数实例
2019/11/13 Javascript
vue实现简单瀑布流布局
2020/05/28 Javascript
vue ssr+koa2构建服务端渲染的示例代码
2020/03/23 Javascript
python版本坑:md5例子(python2与python3中md5区别)
2017/06/20 Python
python解决字符串倒序输出的问题
2018/06/25 Python
Python读取csv文件分隔符设置方法
2019/01/14 Python
如何写python的配置文件
2020/06/07 Python
Python趣味入门教程之循环语句while
2020/08/26 Python
CSS3美化表单控件全集
2016/06/29 HTML / CSS
CSS3中媒体查询结合rem布局适配手机屏幕
2019/06/10 HTML / CSS
匡威意大利官方商店 :Converse意大利
2018/11/27 全球购物
Talbots官网:美国成熟女装品牌
2019/11/15 全球购物
试解释COMMIT操作和ROLLBACK操作的语义
2014/07/25 面试题
市场营销专业自荐书
2014/06/10 职场文书
课外小组活动总结
2014/08/27 职场文书
中学生的1000字检讨书
2014/10/11 职场文书
审美与表现自我评价
2015/03/09 职场文书
离婚财产分割协议书
2015/08/11 职场文书
用Python实现Newton插值法
2021/04/17 Python
Golang 使用Map实现去重与set的功能操作
2021/04/29 Golang
MySQL如何快速创建800w条测试数据表
2022/03/17 MySQL
Linux中一对多配置日志服务器的详细步骤
2022/07/23 Servers