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"屬性