有关js实现英文首字母大写功能的多种方法，学习uppercase、lowercase、capitalize实现首字母大小写的方法，并分享了一个css实现首字母大写的例子。
用js实现首字母大小写，这里分享了几个自定义函数。
一、js首字母大写
步骤1，加入<head>区域中。
复制代码 代码示例:
<script language="
javascript">
<!-- Begin
function changeCase(frmObj) {
var index;
var tmpStr;
var tmpChar;
var preString;
var postString;
var strlen;
tmpStr = frmObj.value.toLowerCase();
strLen = tmpStr.length;
if (strLen > 0) {
for (index = 0; index < strLen; index++) {
if (index == 0) {
tmpChar = tmpStr.substring(0,1).toUpperCase();
postString = tmpStr.substring(1,strLen);
tmpStr = tmpChar + postString;
}
else {
tmpChar = tmpStr.substring(index, index+1);
if (tmpChar == " " && index < (strLen-1)) {
tmpChar = tmpStr.substring(index+1, index+2).toUpperCase();
preString = tmpStr.substring(0, index+1);
postString = tmpStr.substring(index+2,strLen);
tmpStr = preString + tmpChar + postString;
}
}
}
}
frmObj.value = tmpStr;
}
// End -->
</script>
步骤二，加入<body>区域中：
复制代码 代码示例:
<form name=form>
<input type=text name=box value="type in here!">
<input type=button value="Convert" onClick="javascript:changeCase(this.form.box)">
</form>
二、js与jquery字符串首字母大写
例子：
复制代码 代码示例:
var str="we are cloud";
var _str="";
for(var i=0;i<str.length;i++){
_str+=str[i].substr(0,1).toUpperCase()+str[i].substr(1)+" ";
}
alert(_str);
例2，js实现首字母大写：
复制代码 代码示例:
<script type="textjavascript">
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 str;
}
</script>
例3，js实现首字母大写：
复制代码 代码示例:
<script type="textjavascript">
function ucfirst(str) {
var str = str.toLowerCase();
str = str.replace(/bw+b/g, function(word){
return word.substring(0,1).toUpperCase()+word.substring(1);
});
return str;
</script>
css实现首字母大写，学习下uppercase、lowercase、capitalize的用法。
复制代码 代码示例:
<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>
这里还有二种实现首字母大写的方法。
方法1：
复制代码 代码示例:
var str="THIS is a Test";
str = str.replace(/b(w)(w*)/g, function($0,$1,$2){
return $1.toUpperCase() + $2.toLowerCase();
});
alert(str);
方法2：
复制代码 代码示例:
var str="THIS is a Test";
str = str.toLowerCase().replace(/b(w)/g, function($0,$1){
return $1.toUpperCase();
});
alert(str);
