將網頁文章字首大寫

網頁的排版其實就是模仿報紙而來，很多網頁文章也都會模仿雜誌，將第一個字母大寫(像我)，其實在CSS 中就能設定自動大寫(JavaScript 也可以)，但到目前為止我都還傻傻得自己將自括起來調整字型。接下來就來介紹這兩種方法：

CSS
使用CSS 的範例我已經做成網頁了，基本上就是使用一個名為"first-letter" 的偽屬性，來指定第一個字的樣式，這個方法在IE 與firefox 中都沒有問題。
[範例網頁]←可以在範例網頁｢檢視原始碼｣觀看CSS 設定
參考資料：http://whx.tzgt.gov.cn/newOperate/html/2/21/213/2458.html

JavaScript
使用JS 其實主要目的不是在對網頁內容字首做放大，而是在處理字串時的技巧，這裡我使用replace 來完成(replace 其實非常好用，相信在之後的文章會有更多的著墨)

我把他寫成一個function，如下所示：

function upperEverFirst(str){
    var upperStr = str.replace(/\s[a-z]/g,function($1){return $1.toLocaleUpperCase()}).replace(/^[a-z]/,function($1){return $1.toLocaleUpperCase()});
    return upperStr;
}

這裡是範例：


您剛剛輸入的字，字首轉換成大寫以後：Function's Blog
參考資料： http://www.jb51.net/article/9221.htm
Tags: 科技隨筆, javascript

• 編輯文章
• 此文章網址
• 轉寄此文章
• 目前有2 意見