JS笔记——首字母设置大写

80 阅读 0 评论 53 点赞

我是靠谱客的博主安详睫毛膏，最近开发中收集的这篇文章主要介绍JS笔记——首字母设置大写，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

<!DOCTYPE html>
<!-- 记得可以将id的值作为函数的参数直接传递过去 -->
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首字母大写设置测试</title>
	<script type="text/javascript">
		function changeCase(frmObj){
			//tmpChar用于存储大写的字母
			//postString用于存储后每次处理大写后面的字符串
			//tmpStr用于存储修改后的字符串
			var index,tmpStr,tmpChar,preString,postString,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;
		}

	</script>
</head>
<body>
	<!-- <input type="text" name="txt1" id="txt1" value="i have a lot of thing to do" /> -->
	<textarea id="txt1">i have a lot of thing to do</textarea>
	<input type="button" value="格式化输入" οnclick="javascript:changeCase(txt1)" />
</body>
</html>