Javascript 跳下锚（在桌子上）

有时似乎有效，有时则无效。这是难以置信的粗糙和可怕的使用

简化布局：

var指数=1
函数next（）{
如果（索引1）{
索引--；
window.location.replace（'#r'+index.toString（））；
}
}

。什么{
高度：500px；
}

R
o
W
1.
R
o
W
2.
R
o
W
3.
R
o
W
4.

链接仍在正常工作。这意味着在尝试将位置设置为

#r1

和链接尝试将位置设置为

#

之间将存在干扰

相反，通过javascript设置事件处理程序，并使用

preventDefault（）

停止链接执行其默认操作

我还冒昧地纠正了一些其他的小错误

var索引=0
功能下一步（事件）{
如果（指数<4）{
索引++；
window.location.replace（'#r'+index.toString（））；
}
event.preventDefault（）；
}
功能上一个（事件）{
如果（索引>1）{
索引--；
window.location.replace（'#r'+index.toString（））；
}
event.preventDefault（）；
}
文件
.getElementById（'nxt'）
.addEventListener（'单击'，下一步）；
文件
.getElementById（'prev'）
.addEventListener（'click'，previous）
表格{
宽度：100%；
}
.什么{
高度：100px；
利润率：10px；
背景颜色：粉红色；
}

R
o
W
1.
R
o
W
2.
R
o
W
3.
R
o
W
4.

var指数=1
函数next（）{
如果（指数<4）{
索引++；
window.location.hash=（'#r'+index.toString（））；
console.log（'next'，window.location.hash）
}
}
函数previous（）{
如果（索引>1）{
索引--；
window.location.hash=（'#r'+index.toString（））；
console.log（'prev'，window.location.hash）
}
}
。什么{
高度：500px；
}

R
o
W
1.
R
o
W
2.
R
o
W
3.
R
o
W
4.
这很有道理！我甚至没有意识到是链接覆盖了我的函数。