• JS沒有塊級作用域

for (var i = 0; i < 10; i++) {
    alert(i);
}
alert(i);  //10
因為js里沒有塊級作用域，所以for循環(huán)里定義的變量也存在于循環(huán)外部的執(zhí)行環(huán)境中；i <10，是進入循
環(huán)的條件，最后一次進入循環(huán)時i = 9，然后i++變成10，不滿足進入循環(huán)的條件，所以i最后的值是10

• 簡易年歷

1. window.onload載入
2. 取出所需的各個變量
3. 循環(huán)遍歷12個月份數組，自定義一個index，定義鼠標滑過函數
4. 在鼠標滑過函數里再次遍歷12個月份數組，將class設為none，通過this.className給當前選擇的月份添加class
5. 文本框里的內容用一個數組存放，通過（index+1）獲取月份、array[this.index]獲取數組里對應月份的內容、innerHTML插入到文本框、并用+加號拼接。

// js部分代碼
window.onload = function() {
    var oDiv = document.getElementById("div1");
    var oUl = oDiv.getElementsByTagName("ul")[0];
    var aLi = oUl.getElementsByTagName("li");
    var oText = oDiv.getElementsByTagName("div")[0];
    for (var i = 0; i < aLi.length; i++) {
        aLi[i].index = i;
        aLi[i].onmouseover = function() {
            for (var i = 0; i < aLi.length; i++) {
                aLi[i].className = "";
            };
        this.className = "active";
        oText.innerHTML = "<h2>" + (this.index+1) +"月活動</h2><p>" +array[this.index] +"</p>"
}

在線demo