.net 注意按鈕 表單下會刷新頁面

form表單下<button>點擊後會刷新頁面,<input type="button">不會。

這樣有時候你在用<button>按鈕就需要注意了。

例如:

fun()
{
      document.getElementById("content").innerHTML = "xxxx"
}

<body>
    <form id="form1" runat="server">
    <div>
        <table>
            <tr id="lct">
            </tr>
            <tr id="ms">
            </tr>
        </table>
    </div>
    <div id="content" style="display:none" >
        asdfasf
    </div>
    <button οnclick="fun()">btn</button>
    <input type="button" οnclick="fun()" value="按鈕" />
    </form>
</body>
<button>btn點擊後會出現頁面一瞬間顯示爲:xxxx,但馬上又變回了
asdfasf
原因:這是因爲在大部分瀏覽器下面form表單下button點擊後會提交數據刷新頁面

解決辦法:使用

<input type="button">
或者給button加上一個type="button"屬性




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章