javascript實(shí)現(xiàn)英文首字母大寫
更新時(shí)間：2015年04月23日 10:07:35 投稿：hebedich
本文給大家總結(jié)了幾種可以實(shí)現(xiàn)英文首字母大寫的javascript腳本，另附上一個(gè)CSS的實(shí)現(xiàn)方法，非常的簡單實(shí)用，這里推薦給大家，有需要的小伙伴可以參考下。
方法一：
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(); //第一個(gè)
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來實(shí)現(xiàn)：
<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>
以上就是給大家總結(jié)的4種實(shí)現(xiàn)英文首字母大寫的方法，希望大家能夠喜歡。
相關(guān)文章
再談JavaScript異步編程，簡單描述了幾種JavaScript異步編程模式，感興趣的小伙伴們可以參考一下2016-01-01
JavaScript獲得url所有參數(shù)鍵值表的方法
這篇文章主要介紹了JavaScript獲得url所有參數(shù)鍵值表的方法,實(shí)例分析了javascript操作URL的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
本文給大家介紹Bootstrap 對圖片的支持，Bootstrap提供了四個(gè)可對圖片應(yīng)用簡單樣式的class，對Bootstrap四種圖片class相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-01-01
這篇文章主要介紹了JS刪除對象中某一屬性案例詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-09-09
前一段做音樂和鏈接保存項(xiàng)目時(shí)用到了UserData，現(xiàn)在上線后效果不錯(cuò)，就把UserData的一些用法總結(jié)出來，大家一同分享。2010-07-07
點(diǎn)擊提交按鈕后按鈕變灰色不可用狀態(tài)的三種方法
當(dāng)點(diǎn)擊提交后，提交按鈕變灰色不可用，這樣可有效防止重復(fù)提交，本代碼就是實(shí)現(xiàn)這樣一個(gè)功能2013-09-09
JavaScript中5種調(diào)用函數(shù)的方法
這篇文章主要介紹了JavaScript中5種調(diào)用函數(shù)的方法,本文詳細(xì)的介紹了Javascript中各種函數(shù)調(diào)用的方法及其原理,對于理解JavaScript的函數(shù)有很大的幫助,需要的朋友可以參考下2015-03-03
AutoJS 是基于一個(gè)標(biāo)準(zhǔn)字典庫的文本輸入自動(dòng)完成 JavaScript 庫。Auto.js 是使用純 JS 實(shí)現(xiàn)的，沒有任務(wù)外部依賴，大小僅僅 6kb，本文給大家分享最新熱門腳本Autojs源碼，感興趣的朋友一起看看吧2021-05-05
OpenCV.js實(shí)現(xiàn)喬丹動(dòng)圖素描效果圖文教程
這篇文章主要為大家介紹了OpenCV.js實(shí)現(xiàn)喬丹動(dòng)圖素描效果的圖文教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了微信小程序 MinUI組件庫系列之badge徽章組件示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-08