添加變量HREF在「for」循環

Question

下面是代碼：

for (i = 0; i < 8; i++) { 
    var meun = document.createElement("div"); 

    meun.setAttribute('id', i); 
    meun.setAttribute("style", "width:70px; height:70px; background:url(archive/" + i + ".jpg); background-size: 70px 70px; float:left; margin-top:10px; opacity:1"); 
    document.body.appendChild(frame); 
    document.getElementById("frame").appendChild(meun); 

    meun.addEventListener('click', function() { 
     window.location.href = "i+'.html'" 
    }, false); 
} 

我的問題是，在addEventListener：如何通過可變i到href？我想這是一個語法問題。

Answer 1

不僅有語法問題，你還需要一個封閉：

(function(x) { 
    meun.addEventListener('click', function(){window.location.href = x + '.html'}, false); 
})(i); 

Answer 2

如果你想使用變量i，不要把它放在引號，這將意味着從字面上字母「i」：

meun.addEventListener('click', function() { 
    window.location.href = i + '.html'; 
}, false);