记一次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，结果这样往往就没有问题。