A5下载 - 努力做内容最丰富最安全的下载站!

A5站长下载站

当前位置:A5下载 > 编程开发 > 网站开发 > javascript实现英文首字母大写

javascript实现英文首字母大写

时间:2015-04-23 13:53作者:zhao人气:35

方法一:

functionreplaceStr(str){//正则法

str=str.toLowerCase();

varreg=/b(w)|s(w)/g;//b判断边界s判断空格

returnstr.replace(reg,function(m){

returnm.toUpperCase()

});

}

functionreplaceStr1(str){

str=str.toLowerCase();

varstrTemp="";//新字符串

for(vari=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];

}

returnstrTemp;

}

vartext="abcdABCDefGH";

console.log(replaceStr(text));//AbcdAbcdEfgh

console.log(replaceStr1(text));//AbcdAbcdEfgh

方法二:

<scripttype="textjavascript">

functionucfirst(str){

varstr=str.toLowerCase();

varstrarr=str.split('');

varresult='';

for(variinstrarr){

result+=strarr[i].substring(0,1).toUpperCase()+strarr[i].substring(1)+'';

}

returnresult;

}

</script>

方法三:

<scripttype="textjavascript">

functionucfirst(str){

varstr=str.toLowerCase();

str=str.replace(/bw+b/g,function(word){

returnword.substring(0,1).toUpperCase()+word.substring(1);

});

returnstr;

</script>

CSS来实现:

<html>

<head>

<styletype="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>ThisIsAnH1Element</h1>

<pclass="uppercase">Thisisatest.</p><pclass="lowercase">Thisisatest.</p><pclass="capitalize">Thisisatest.</p>

</body>

</html>

以上就是给大家总结的4种实现英文首字母大写的方法,希望大家能够喜欢。

标签javascript,实现,英文,字母,大写,方法,func

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号