javascript：如何阻止重新加載頁面？

Question

我剛剛寫了一個小程序，它接受用戶的輸入並顯示階乘表。這裏是代碼：

<h1>Table of factorials</h1> 
<h3>Enter the number:<h3> 
<form name="form1"> 
    <input type="text" name="num" onchange="display(parseInt(document.form1.num.value))"/> 
    <input type="button" /> 
</form> 
<script> 
    function factorial(n){ 
     if(n<=1) return n; 
     else return n*factorial(n-1); 
    } 
    function display(x){ 
     document.write("<table>"); 
     document.write("<tr><th>n</th><th>n!</th></tr>"); 
     for(var i =1;i<=x;i++){ 
      document.write("<tr><td>"+i+"</td><td>"+factorial(i)+"</td></tr>"); 
     } 
     document.write("</table>"); 
     document.write("Generated at"+ new Date()); 
    } 


</script> 

但問題是表格顯示後立即重新加載表格。 但是，如果我使用按鈕來觸發功能onclick="display(parseInt(document.form1.num.value))"它沒有問題。
如何解決這個問題？

編輯：只是注意到它在firefox中也能正常工作。問題是與鍍鉻，Opera和Safari

Answer 1

防止輸入按鈕的默認操作。你可以通過jQuery的preventDefault() 函數來做到這一點。或只是<form onsubmit="return false;"> ... </form>

Answer 2

使用<form onsubmit="return false;"> ... </form>

Answer 3

它的document.write問題，看看what it means