使用 JavaScript 向前按钮
Button forward with JavaScript
我在 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>
我这里有什么问题?感谢您的帮助。
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>
我在 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>
我这里有什么问题?感谢您的帮助。
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>