使用 JavaScript 向前按钮

Question

我在 HTML 中有一个按钮，我想在单击时转到另一个页面

(function() {
  'use strict';
  window.addEventListener('DOMContentLoaded', init, false);

  function init() {
    let url = document.getElementsByClassName("Button__LandingPage");
    url.addEventListener("click", forwardURL, false);

    function forwardURL() {
      location.replace("https://www.w3schools.com");
    }
  };
})();

<button class="Button Button__LandingPage" name="landingPageButton">Home</button>

我这里有什么问题？感谢您的帮助。

Answer 1

getElementsByClassName returns 一个集合不是一个单一的结果。最好使用带有 getElementById 的 id。但是，在您的情况下，您可以使用 getElementsByClassName[0] 获取集合的第一个元素。这是一个完整的例子：

(function() {
  'use strict';
  window.addEventListener('DOMContentLoaded', init, false);

  function init() {
    let url = document.getElementsByClassName("Button__LandingPage")[0];
    url.addEventListener("click", forwardURL, false);

    function forwardURL() {
      //location.replace("https://www.w3schools.com");
      console.log("Forward");
    }
  };
})();

<button class="Button Button__LandingPage" name="landingPageButton">Home</button>

使用 JavaScript 向前按钮

Button forward with JavaScript

javascript

html

domcontentloaded