快捷導(dǎo)航

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)文章

JS時(shí)間戳轉(zhuǎn)換為常用時(shí)間格式的三種方式
我們?cè)陂_發(fā)中經(jīng)常需要把時(shí)間戳轉(zhuǎn)化成日期格式,下面這篇文章主要給大家介紹了關(guān)于JS時(shí)間戳轉(zhuǎn)換為常用時(shí)間格式的三種主要方式,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-04-04
微信小程序之console.log()使用方法
console.log()?是 JavaScript 中的標(biāo)準(zhǔn)內(nèi)置函數(shù),主要用于在瀏覽器的控制臺(tái)（Console）中輸出信息,幫助開發(fā)者進(jìn)行調(diào)試和跟蹤代碼運(yùn)行狀態(tài),下面給大家介紹微信小程序之console.log()使用,感興趣的朋友跟隨小編一起看看吧
2024-04-04
阻止JavaScript事件冒泡傳遞（cancelBubble 、stopPropagation）
阻止JavaScript事件冒泡傳遞（cancelBubble 、stopPropagation）...
2007-05-05
Js實(shí)現(xiàn)兩個(gè)跨域頁面進(jìn)行跳轉(zhuǎn)傳參的方案詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript中實(shí)現(xiàn)兩個(gè)跨域頁面進(jìn)行跳轉(zhuǎn)傳參的方案,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2023-12-12
小程序上滑下滑效果的示例代碼
本文主要介紹了小程序上滑下滑效果的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-01-01
three.js著色器材質(zhì)的內(nèi)置變量示例詳解
這篇文章主要給大家介紹了關(guān)于three.js著色器材質(zhì)內(nèi)置變量的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用three.js具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
javascript動(dòng)態(tài)添加刪除tabs標(biāo)簽的方法
這篇文章主要介紹了javascript動(dòng)態(tài)添加刪除tabs標(biāo)簽的方法,實(shí)例分析了javascript針對(duì)tabs標(biāo)簽的動(dòng)態(tài)添加與刪除方法,涉及javascript頁面元素的操作技巧,需要的朋友可以參考下
2015-07-07
用JavaScript獲取頁面文檔內(nèi)容的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄肑avaScript獲取頁面文檔內(nèi)容的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-06-06
在Ajax中使用Flash實(shí)現(xiàn)跨域數(shù)據(jù)讀取的實(shí)現(xiàn)方法
今天，小子再提供一種使用Flash進(jìn)行跨域操作的方法。眾所周之，其實(shí)Flash的跨域操作也是有限制的，不過，F(xiàn)lash的跨域配置比簡單，只需要在站點(diǎn)根目錄下放置crossdomain.xml即可。
2010-12-12
js獲取今天、昨天、明天的日期函數(shù)代碼
這篇文章主要介紹了js獲取今天、昨天、明天的日期函數(shù)代碼,需要的朋友可以參考下
2023-05-05