記一次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/