英文首字母全大寫的js實現(xiàn)腳本
更新時間:2008年09月25日 21:23:54 作者:
輸入內(nèi)容活直接點(diǎn)轉(zhuǎn)換即可,講單詞的首字母大寫。
完整代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
腳本說明:
第一步:把如下代碼加入<head>區(qū)域中
<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>區(qū)域中
<form name=form>
<input type=text name=box value="type in here!">
<input type=button value="Convert" onClick="javascript:changeCase(this.form.box)">
</form>
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
腳本說明:
第一步:把如下代碼加入<head>區(qū)域中
<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>區(qū)域中
<form name=form>
<input type=text name=box value="type in here!">
<input type=button value="Convert" onClick="javascript:changeCase(this.form.box)">
</form>
相關(guān)文章
基于JavaScript實現(xiàn)年份數(shù)字拼圖效果
時光荏苒,2022年又要收尾了,公司的年會是不是都安排上了?前幾天看到一個年會抽獎系統(tǒng),功能十分的強(qiáng)大,其中有一個年份數(shù)字的拼圖效果深深的吸引了哥,決定用JS實現(xiàn)一下該效果,需要的可以參考一下2022-12-12
JavaScript快速切換繁體中文和簡體中文的方法及網(wǎng)站支持簡繁體切換的絕招
這篇文章主要介紹了JavaScript快速切換繁體中文和簡體中文方法的相關(guān)資料,需要的朋友可以參考下2016-03-03
Javascript實現(xiàn)動態(tài)菜單添加的實例代碼
在注冊信息的時候,常常需要通過下拉菜單讓用戶選擇,而且希望用戶在第一個下拉框做的選擇,影響第二個下拉框的內(nèi)容。有時候,如果第一個下拉框不作出選擇,第二個下拉框根本不會頁面上顯示,為了給用戶呈現(xiàn)一個更清晰的頁面。2013-07-07

