input的button類型，點擊頁面跳轉

 

1、input type=button 不作任何操做

    例如： <input type="button" class="btn btn-primary" style="width: 30%" value="返回" onclick="window.location.href='/users/list'"></input>

    onclick跳轉到href對應值的URL本地地址

2、input type=submit 提交頁面數據

    例如：<input type="submit" class="btn btn-primary" style="width: 30%;margin-left: 5%"></input>

    提交當前頁面數據，常應用於form表單中

 

拓展資料：

    1.若是讓本頁轉向新的頁面則用：

        <input type=button onclick=」window.location.href(‘鏈接’)「>

    2.若是須要打開一個新的頁面進行轉向，則用：

        <input type=button onclick=」window.open(‘鏈接’)「>

        <input type=button value=刷新 onclick=」window.location.reload()「>

        <input type=button value=前進 onclick=」window.history.go(1)「>

        <input type=button value=刷新 onclick=」window.history.go(0)「>

        <input type=button value=後退 onclick=」window.history.go(-1)「>

        <input type=button value=前進 onclick=」window.history.forward()「>

        <input type=button value=後退 onclick=」window.history.back()「>

        <input type=button value=後退同時刷新 onclick=」window.history.go(-1);window.location.reload()「>

    三、點擊按鈕彈出確認alert窗口

        方式一：onclick="alert('是否確認提交？'); return false;"

        方式二：onclick="if (confirm('確認返回ma?')) window.location.href='/users/list'; return false;"