一、現在我們在網站設計（三）的基礎上，來編寫about.html頁面。
這個頁面要用到的知識點是利用JavaScript和DOM實作選擇性地顯示和隐藏某些DIV
about.html頁面在前面我們為了看導航欄菜單項高亮顯示時，已經寫了部分内容，隻是那時寫的代碼沒有實作div顯示和隐藏，現在就在之前編寫的基礎上，為頁面添加顯示和隐藏div的效果。
沒有寫JavaScript之前看到的效果：
實作後的效果圖：
這個就是我們現在要做的效果。
1、背景：
我們在about.html頁面中寫了一個ul清單，然後接着是一段對每個清單的标題進行詳細說明的一段文字。文章太長時，使得頁面看起來很長，不大美觀，是以我們現在做的就是：通過滑鼠點選，點選到哪個清單項，就顯示出那段文字即可，把不想看的那段文字隐藏。
2、思路
首先把顯示出來的存放每個清單項那段文字的div都隐藏掉，然後通過滑鼠點選，擷取到的href屬性值，最後判斷要顯示出哪個div來。
3、代碼
（1）about.js 用來寫這個頁面用到的JS代碼
把這個about.js檔案包含到about.html的頭部後，就可以打開浏覽器來看看效果了。
about.html頁面ok了。
二、學與思
1、用到了一個分割函數split(character)
array = string.split(character)
//參數為指定字元
根據某個指定字元，把一個字元串分割為兩個或更多個部分，傳回傳回的是一個數組。
例如在本頁面中的，<li><a href="#jay">Jay Skript</a></li>
使用split()以“#”分割，得到的結果是“”和jay，
我們使用這條語句var sectionId =
links[i].getAttribute("href").split("#")[1];取第二個值，得到的便是jay。
2、return false
links[i].onclick = function(){
showSection(this.destination);
return false;
}
滑鼠點選時，調用顯示div函數，并且要組織浏覽器的預設行為，是以，return false。