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常用对话框小集
Sep 13 Javascript
JS的get和set使用示例
Feb 20 Javascript
js实现键盘操作实现div的移动或改变的原理及代码
Jun 23 Javascript
JS运动基础框架实例分析
Mar 03 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
Dec 08 Javascript
JavaScript实现点击按钮直接打印
Jan 06 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
Mar 22 Javascript
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
Sep 12 Javascript
在layui中select更改后生效的方法
Sep 05 Javascript
详解vue路由
Aug 05 Javascript
ES6学习教程之Promise用法详解
Nov 22 Javascript
TypeScript 使用 Tuple Union 声明函数重载
Apr 07 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
win7 64位系统 配置php最新版开发环境(php+Apache+mysql)
2014/08/15 PHP
android上传图片到PHP的过程详解
2015/08/03 PHP
四个常见html网页乱码问题及解决办法
2015/09/08 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
PHP ADODB生成下拉列表框功能示例
2018/05/29 PHP
PHP封装的mysqli数据库操作类示例
2019/02/16 PHP
QQ登录简单实现代码
2021/03/09 Javascript
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
2006/12/27 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
2014/10/14 Javascript
网页中表单按回车就自动提交的问题的解决方案
2014/11/03 Javascript
原生JS实现响应式瀑布流布局
2015/04/02 Javascript
JavaScript返回0-1之间随机数的方法
2015/04/06 Javascript
js简单实现竖向tab选项卡的方法
2015/05/04 Javascript
详解JavaScript的表达式与运算符
2015/11/30 Javascript
jQuery获取radio选中项的值实例
2016/06/18 Javascript
微信小程序 底部导航栏目开发资料
2016/12/05 Javascript
js实现登录验证码
2016/12/22 Javascript
详解webpack+ES6+Sass搭建多页面应用
2018/11/05 Javascript
nodejs文件夹深层复制功能
2019/09/03 NodeJs
javascript 代码是如何被压缩的示例代码
2020/05/06 Javascript
[54:08]LGD女子刀塔学院 DOTA2炼金术士教学
2014/01/09 DOTA
分享Pycharm中一些不为人知的技巧
2018/04/03 Python
python利用tkinter实现屏保
2019/07/30 Python
Python帮你微信头像任意添加装饰别再@微信官方了
2019/09/25 Python
Python requests.post方法中data与json参数区别详解
2020/04/30 Python
python3通过udp实现组播数据的发送和接收操作
2020/05/05 Python
idea2020手动安装python插件的实现方法
2020/07/17 Python
浅析python字符串前加r、f、u、l 的区别
2021/01/24 Python
领先的钻石和订婚戒指零售商:Diamonds-USA
2016/12/11 全球购物
BRASTY捷克:购买香水、化妆品、手袋和手表
2017/07/12 全球购物
用C#语言写出与SQLSERVER访问时的具体过程
2013/04/16 面试题
产品质量保证书
2014/04/29 职场文书
讲座通知范文
2015/04/23 职场文书
导游词之神仙居景区
2019/11/15 职场文书
使用HTML+Css+transform实现3D导航栏的示例代码
2021/03/31 HTML / CSS
MySQL中CURRENT_TIMESTAMP的使用方式
2021/11/27 MySQL