繼續閱讀的做法

　　這幾天不停在測的就是在文章內加上“繼續閱讀”的做法，並且只限定在首頁上發生作用。可能是我笨不會用別人的模版吧，只好呆呆的自己寫一個。

　　要做到這件事，首先要先在head裡加入外部的JavaScript，第一個是很廣泛被使用的prototype.js,第二個是我自己寫的js檔。
　　為什麼不把js檔寫在head裡？因為blogger用的是XHTML1.0 strict DTD，script裡的內容會被視為PCDATA，這會對特殊符號造成複雜影響，所以最簡單的方法就是外部引入js檔。
　　在head裡任意一處加入以下的文字：

<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="myjs.js"></script>

　　然後myjs.js的內容如下：

function init() { if( location.pathname.search(/^\/(index\.html)?$/) >= 0 ) { $$('.stealth').each( function(element,index) { element.hide(); $$('.detect')[index].update('<a title="展開隱藏區塊" onClick=" $$(\'.stealth\')['+index+'].style[\'display\']=\'block\'; this.style.display=\'none\'; ">(繼續閱讀)</a>'); }); } }

　　其中，if( location.pathname.search(/^\/(index\.html)?$/) >= 0 )用了一點Regular Expression的技巧，因為我的目的只要它在首頁上作用即可，在各文章的單一網址內不要作用。

　　最後，在body的後面加上onLoad="init();"，然後在自己的文章裡，要加入繼續閱讀的地方加入一行：

<span class="detect"></span>

　　在要隱藏的文章前後加上：

<div class="stealth">
文章內容

</div>

　　即可。

　　要注意的是，這兩個tag一定要一起使用，使用的數量不可以不同，否則會發生錯誤。