javascript实现英文首字母大写

方法一：

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种实现英文首字母大写的方法，希望大家能够喜欢。