分类分类
更新时间:2026-10-06 15:28:06作者: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种实现英文首字母大写的方法,希望大家能够喜欢。
相关
摄像头远程监控看家2026官方最新版本生活服务36.4 MBv1.0.02026-10-06
下载公务员省考最新手机版学习办公57.5 MBv6.09.112026-10-06
下载野性蜂巢(Wild Hive)经营养成267.49 Mv1.66.42026-10-04
下载趣好卖app网上购物74.76 Mv5.2.52026-10-04
下载兔叽月记app医疗健康55.33 Mv1.5.22026-10-04
下载魔力弹神策略游戏33.56 Mv1.0.02026-10-04
下载大破坏幸存者策略游戏62.28 Mv1.0.32026-10-04
下载啃豆小仓拼豆app实用工具41.74 Mv1.32026-10-04
下载方块公国安卓移植版策略游戏1.58Gv1.2.202026-10-04
下载快车顺风车出行2026官方最新版本生活服务82.0 MBv1.1.22026-10-04
下载网约上门按摩2026官方最新版本生活服务73.9 MBv2.0.22026-10-04
下载道运考试通(道路考练工具)学习办公32.8 MBv6.0.12026-10-04
下载










