button标签不能使用

本文记录了一个前端开发中遇到的问题:点击Button按钮无法返回上一页。经过排查,发现问题是由于Button标签位于Form标签内导致的。删除多余的Form标签后,问题得到解决。此外,还探讨了使用A标签替代Button实现相同功能的情况。
摘要由CSDN通过智能技术生成

要出现的效果:点击button按钮,页面返回之前的页面。(就是简单的window.history.back())

1.页面首次展示的效果:

没有返回之前的页面,只是刷新了一下,而且url地址多了一个?

2.第二次测试:

排查语法问题后,在其他页面又写了一次,测试成功,为什么之前的页面不成功呢?带着疑问再测试?

3.怀疑jquery没生效,测试一下:

加一句alert(); 在$(function(){ alert(“看看我有没有执行”); button的click事件 });
,测试一下,发现可以执行,只是写了button标签的click(),事件执行不了。

4.觉着可能是button标签的问题:

然后将button标签改成了a标签,其他不变,居然成功执行了单击事件,返回了上次的页面。

5.想:为什么button标签不行呢?

检查上下代码,发现button标签出现在form标签里面。自己的前端代码,是直接复制一个带有表单样式的登录页面,但是此时带有button的页面,不需要表单的功能,之前删的时候,没有删全,现在删掉多余的form标签,执行成功。

简单记录一下

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值