Question

我试图追踪哈希符号以外的值，该值可以传递给<a href="#">Do not redirect</a>而不是重定向页面。

我的问题是浏览器历史记录正在跟踪#，并且点击后退按钮会增加额外的步骤。例如：

www.example.com?page=2#
*click back button in browser*
www.example.com?page=2
*click back button in browser*
www.example.com?page=1

我在图书馆工作，按钮必须传递一个值（不能为空，否则页面会刷新）。有任何想法吗？：（

Answer 1

如果您不需要#或href，那么您应该使用按钮。只需将button设为样式即可。然后使用JS函数来处理所需的导航更改。这是一个超级基本的例子：

HTML

<button class="link" onclick="link('link to page 28')">looks like link</button>
<br>
<button onclick="link('button to page 27')">looks like button</button>

CSS

.link {
  border: none;
  background: none;
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

JS

function link(page) {
  console.log('redirect to ' + page);
  //do in app nav change, or update URL param, or window.location, etc
  // whatever your process is
}

示例：https://jsfiddle.net/Lhvgxr9q/3/

＃以外的值会强制链接不重定向

1 个答案: