记一次js之button问题

问题描述:记得某天,发现一件让我非常气愤的事情,居然因为一个按钮导致页面跳转失败或者是根本跳转不了界面,哪怕404也不给我报。

问题回现步骤:
(1)正常输入url localhost:8080/test
可以看到一个登陆界面;

(2)正常录入表单信息点击提交,在输入正确的用户名和密码的前提下,居然最后出现这样的情况
地址由localhost:8080/test变为localhost:8080/test/?
多了一个问号,这让我觉得非常奇怪。

正常情况下,应该调用ajax中的方法 transit()方法,该方法体中只有一个window.location.href='index.html'
意思是只要异步验证通过,正确的用户名和密码的前提下,直接跳转到index.html界面。
然而并不是这样。


(3)我使用了window.location.replace()和window.open()方法测试,最后发现window.open()方法可以成功跳转到index.html,但是window.open()相当于新打开一个窗口,并不符合我的实际需要。

问题解决:

列出问题代码:
<button id="m_login_signin_submit" class="btn btn-focus m-btn m-btn--pill m-btn--custom m-btn--air m-login__btn m-login__btn--primary">
登录
</button>

改成这样就可以解决问题:
<input type="button" value="登录" id="m_login_signin_submit" class="btn btn-focus m-btn m-btn--pill m-btn--custom m-btn--air m-login__btn m-login__btn--primary"/>

在实际开发中,我们也遇到这样的问题,button不好使,点击不起作用,最后没办法只得换成input形式的button,结果这样往往就没有问题。

html或者css或者js不懂的,可以参考该网站:http://www.w3school.com.cn/

原文地址:https://www.cnblogs.com/youcong/p/9275661.html