使用JQuery按钮更改URL #ID

时间:2016-04-16 11:40:16

标签: javascript jquery

我正在尝试创建一个函数,在每次按钮点击时,页面末尾的ID被添加到1.所以,

example.org/page - > (buttonclick) - > example.org/page#1 - > (buttonclick) - > example.org/page#2等等。

目前我得到的是:

var anchor = 0;

$('#bottom-right').click(function() {
  var anchor += 1;
  var anchorurl = "#" + anchor;
  var currenturl = window.location.href;
  var newurl = currenturl.slice(0, -1) + anchorurl;
  window.location.replace(newurl);
});

但它并没有真正起作用。我想有一个更清洁的解决方案...

提前致谢。

2 个答案:

答案 0 :(得分:1)

简单地做到

$('#bottom-right').click(function() {
  window.location.hash = ++anchor;
});

使用内置的hash方法。

答案 1 :(得分:1)

所以基本上网址包含#。因此您也可以跟踪此#并获取下一个数字并将其递增。

代码示例:

var hashValue = window.location.href.substring(window.location.href.indexOf('#')+1);   
window.location.hash = hashValue + 1;