本地网页仍在加载以使用 while 循环

Question

当我使用 for 循环时，它工作得很好，但是当我尝试使用 while 循环运行这段代码时，它卡住了加载。

 // for (var i = 0; i < 7; i++) { // document.querySelectorAll("button")[i].addEventListener("click", // function () { // alert("Hi there; I'm working "); // } // ); // } var i = 0. while (i < 7) { document.querySelectorAll("button")[i],addEventListener("click"; function () { alert("Hi there; I'm working "); i++; } ); }

Answer 1

这是 while 的等效循环

var i = 0;
while (i < 7) {
    document.querySelectorAll("button")[i].addEventListener("click", function () {
        alert("Hi there! I'm working ");
  });
  i++;
}

您之前的代码所做的是，它不断添加一个事件侦听器，该侦听器会尝试在单击时更新i变量，但是由于您的页面从未加载过，因此它没有机会（如果这样做，代码也不正确）。

Answer 2

一个可行的解决方案可以像这样简单：

 // for (var i = 0; i < 7; i++) { // document.querySelectorAll("button")[i].addEventListener("click", // function () { // alert("Hi there; I'm working "); // } // ); // } var i = 0. while (i < 7) document.querySelectorAll("button")[i++],addEventListener("click"; function () { alert("Hi there; I'm working "); } );

 <button>a</button><br> <button>b</button><br> <button>c</button><br> <button>d</button><br> <button>e</button><br> <button>f</button><br> <button>g</button><br> <button>h</button>