问题描述:
因为在 jsp 中想写一个弹窗事件,点击完弹窗确定然后转到另一个界面,或者先转到 servlet 中再进行 forward转发,试了一下button标签 和 a标签,发现button可以顺利转发到指定页面,但a标签怎么搞都不行,即使已经进入点击事件了,就剩转发迟迟没有实现。
代码如下:
<html>
<head>
<meta charset="UTF-8">
<title>Test2</title>
<script>
function myFunction() {
if (confirm("确认")) {
window.location.href = "test.jsp";
}
}
</script>
</head>
<body>
<button onclick="myFunction()">试一试</button>
<a href="javascript:void(0)" onclick="myFunction()">试一试</a>
</body>
</html>
可以看到两者几乎一致,但button实现得了,a标签不行,原因是我在解决问题是去查了博客,都是说 href 里放的是 href=“javascript:void(0)” ,实在是对JavaScript了解太少不太懂,搞了好久
解决方法:
把这玩意儿换成 # 即可,如:href="#"
<a href="#" onclick="myFunction()">试一试</a>