如何使用 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。