分类分类
2015-04-23 13:53作者：zhao
方法一：
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种实现英文首字母大写的方法，希望大家能够喜欢。
相关