javascript - 如何使用 JavaScript 中的 href 值转到链接？

Question

出于设计考虑，我不能在元素周围放置 anchor 标记，但我可以向这些元素添加点击事件。

我怎样才能正确点击链接？

上一个代码:

<a href="Page1.html">
   <button>Page 1</button>
</a>

新代码:

<button onclick="document.location.href= 'Page1.html'">Page 1</button>

通过在本地测试上面的代码，我从:

file://directory/to/home.html

到

file://Page1.html

但该页面位于同一目录中:

file://directory/to/Page1.html

换句话说，我必须在无法使用 anchor 标记的情况下继续，但我会尽力表示它。

我应该添加带有页面位置的标题以显示目标位置吗？有没有办法模拟将鼠标悬停在链接上时显示在页脚中的位置？

Answer 1

改用相对路径:

<button onclick="document.location.href='./Page1.html'">Page 1</button>

更好的是，使用 Javascript 正确附加监听器，因为内联处理程序通常被认为是非常糟糕的做法，并且存在作用域和转义问题:

document.querySelector('button').addEventListener('click', () => {
  window.location.href = './Page1.html';
});

您可以使用类似的语法向上导航一个级别，而无需一直返回到根目录。例如

window.location.href = '../Page1.html';

运行时

file://directory/to/home.html

会带你去

file://directory/home.html