Window.onload 在 if else 语句中不起作用

Question

我的代码有什么问题？

如果用户 input-bday 匹配 json-bday 那么它将显示我的表单（我没有包含它，因为它很多）

否则它不会显示表单

checkBirthday: function() {
  let userBirthday = moment(this.userBday).format("MM DD, YYYY"),
    resultBirtday = moment(this.results.BIRT_D).format("MM DD, YYYY");
  if (userBirthday === resultBirtday) {
    alert("CORRECT");
    window.onload = function() {
      const btn = document.querySelector("#show-form");
      const form = document.querySelector(".form");
      const close = document.querySelector(".close-container");
      btn.addEventListener("click", () => {
        form.classList.add("form-show");
        close.classList.add("x-show");
      });
      close.addEventListener("click", function() {
        close.classList.remove("x-show");
        form.classList.remove("form-show");
      });
    };
  } else {
    alert("WRONG");
    window.stop();
  }
}

Answer 1

window.onload = function() {} 只是将此方法分配给窗口的 onload 事件，其中的代码将永远不会运行，因为已经调用了 onload。

这里其实不需要写onload。所以你的代码会是这样的。

checkBirthday: function() {
  let userBirthday = moment(this.userBday).format("MM DD, YYYY"),
    resultBirtday = moment(this.results.BIRT_D).format("MM DD, YYYY");
  if (userBirthday === resultBirtday) {
    alert("CORRECT");
      const btn = document.querySelector("#show-form");
      const form = document.querySelector(".form");
      const close = document.querySelector(".close-container");
      btn.addEventListener("click", () => {
        form.classList.add("form-show");
        close.classList.add("x-show");
      });
      close.addEventListener("click", function() {
        close.classList.remove("x-show");
        form.classList.remove("form-show");
      });
  } else {
    alert("WRONG");
    window.stop();
  }
}