a标签绑定点击事件并转到另一个jsp页面

问题描述:
因为在 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>

猜你喜欢

转载自blog.csdn.net/weixin_44427114/article/details/106976731
今日推荐