当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > 首字母变为大写的JS代码怎么写

首字母变为大写的JS代码怎么写

2012/10/19 11:07:11作者:佚名来源:网络

移动端

【实例名称】

首字母变为大写的JS代码怎么写

【实例描述】

在文本中出现英文时,为了符合标准的英文单词显示方式,有时需要将首字母改为大写。本例学习如何将单词设置为大写或小写。

【实例代码】

 

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页</title> <SCRIPT LANGUAGE="JavaScript"> 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;  //显示转换后的文本 } </script> </head> <body> <input type=text name="txt1" value="this is test!"> <input type=button value="转换文本" onClick="javascript:changeCase(txt1)"> </body> </html>

【运行效果】

运行效果

【难点剖析】

本例的重点是判断首字母并变为大写。判断首字母通过单词与单词间的空格实现,而修改字母为大写,则使用的是string的方法“toUppercase”。变为小写字母的方法
为“toLowerCase”。

【源码下载】

本实例JS代码下载

标签: 字母  JS代码