如何使用Javascript实现网站内HTML页面及文件夹的关联跳转

你给出的这段代码完全可以作为开发起点，你已经找对了核心实现方向：先获取要绑定点击事件的触发元素，再为它添加跳转逻辑即可。

1. 站内同页面跳转（覆盖当前页面） #

这是最常用的站内跳转方式，和普通<a>标签默认跳转效果一致，补全代码如下：

document.getElementById("myBtn").addEventListener('click', function() {
  // 替换为你要跳转的站内页面路径，比如./detail.html、/product/list这类
  window.location.href = '你的目标页面路径';
});

2. 新标签页打开目标页面 #

如果不需要覆盖当前浏览的页面，可以用这种写法：

document.getElementById("myBtn").addEventListener('click', function() {
  // 第二个参数_blank代表新标签页打开
  window.open('你的目标页面路径', '_blank');
});

• 确保页面上触发跳转的按钮/元素的id属性确实设置为myBtn，否则JS无法获取到对应元素，跳转逻辑不会生效
• 建议把JS代码放在HTML文件的</body>标签之前，或者给代码套上DOM加载完成的监听，避免DOM还没渲染完就执行JS，导致拿不到元素：

// 套上这个监听可以保证DOM加载完成后再执行逻辑
document.addEventListener('DOMContentLoaded', function() {
  document.getElementById("myBtn").addEventListener('click', function() {
    window.location.href = '你的目标页面路径';
  });
});

内容的提问来源于stack exchange，提问作者7njyhjtj