您的位置：首页 > Web前端 > JavaScript

javascript实现英文首字母大写

2015-04-23 10:07 483 查看

方法一：

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 英文首字母大写

相关文章推荐

新的分享

章节导航