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 相关文章推荐
符合W3C网页标准的iframe标签的使用方法
Jul 19 Javascript
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
May 02 Javascript
尝试在让script的type属性等于text/html
Jan 15 Javascript
jQuery在html有效在jsp无效的原因及解决方法
Aug 02 Javascript
跟我学Node.js(四)---Node.js的模块载入方式与机制
Jun 04 Javascript
JavaScript利用正则表达式去除日期中的“-”
Jul 01 Javascript
jquery获取radio值实例
Oct 16 Javascript
jQuery设置指定网页元素宽度和高度的方法
Mar 25 Javascript
基于jquery实现鼠标滚轮驱动的图片切换效果
Oct 26 Javascript
javascript简单比较日期大小的方法
Jan 05 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
Feb 19 Javascript
微信小程序动态显示项目倒计时
Jun 20 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
使用 eAccelerator加速PHP代码的目的
2007/03/16 PHP
php比较两个绝对时间的大小
2014/01/31 PHP
php实现下载限制速度示例分享
2014/02/13 PHP
PHP中ltrim与rtrim去除左右空格及特殊字符实例
2016/01/07 PHP
Laravle eloquent 多对多模型关联实例详解
2017/11/22 PHP
基于ThinkPHP5框架使用QueryList爬取并存入mysql数据库操作示例
2019/05/25 PHP
PHP实现的抓取小说网站内容功能示例
2019/06/27 PHP
javascript 写类方式之九
2009/07/05 Javascript
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
2013/01/15 Javascript
js控制的遮罩层实例介绍
2013/05/29 Javascript
JS实现网页背景颜色与select框中颜色同时变化的方法
2015/02/27 Javascript
JavaScript实现的背景自动变色代码
2015/10/17 Javascript
学习JavaScript设计模式(链式调用)
2015/11/26 Javascript
浅谈javascript 函数表达式和函数声明的区别
2016/01/05 Javascript
Jquery通过ajax请求NodeJS返回json数据实例
2016/11/08 NodeJs
jQuery实现的页面遮罩层功能示例【测试可用】
2017/10/14 jQuery
webpack自动打包和热更新的实现方法
2019/06/24 Javascript
Vue中对iframe实现keep alive无刷新的方法
2019/07/23 Javascript
微信小程序HTTP接口请求封装代码实例
2019/09/05 Javascript
解决Antd Table组件表头不对齐的问题
2020/10/27 Javascript
python在文本开头插入一行的实例
2018/05/02 Python
详解python异步编程之asyncio(百万并发)
2018/07/07 Python
python 3.6.5 安装配置方法图文教程
2018/09/18 Python
python 提取key 为中文的json 串方法
2018/12/31 Python
基于Python获取docx/doc文件内容代码解析
2020/02/17 Python
python3.8.3安装教程及环境配置的详细教程(64-bit)
2020/11/28 Python
世界上最大的巴士旅游观光公司:Big Bus Tours
2016/10/20 全球购物
德国电子产品购物网站:TechInTheBasket德国
2018/12/07 全球购物
C#实现对任一张表的数据进行增,删,改,查要求,运用Webservice,体现出三层架构
2014/07/11 面试题
AssertionError 跟一下那个类是 “is – a”的关系
2012/02/21 面试题
升职演讲稿范文
2014/05/23 职场文书
幼儿园教师师德师风演讲稿:我自豪我是一名幼师
2014/09/10 职场文书
团代会闭幕词
2015/01/28 职场文书
婚前协议书怎么写,才具有法律效力呢 ?
2019/06/28 职场文书
CSS 伪元素::marker详解
2021/06/26 HTML / CSS
关于python爬虫应用urllib库作用分析
2021/09/04 Python