如何使用 javascript 將圖像制作為指向另一個 html 頁面的可點擊鏈接？

Question

這是我寫的 JavaScript 代碼：

var goToSecondPage= document.querySelector('.mobile');

goToSecondPage.addEventListener("click", function() {

document.location.href='productDetails.html';
 })

我正在嘗試在索引 html 頁面（稱為移動）上使用現有 class 中的圖像，並將其作為可點擊鏈接圖像指向另一個名為productDetails.html的文件

Answer 1

這取決於您的productDetails.html文件所在的位置。 如果它在根目錄中，請嘗試

var goToSecondPage = document.querySelector('.mobile');

goToSecondPage.addEventListener("click", function() {
    document.location.pathname = '/productDetails.html';
});

這只會改變你的路徑，而不是整個 url。