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))", все нормально.
Как это исправить?

EDIT: Только что заметил, что он отлично работает и в firefox. Проблема с Chrome, Opera и Safari

Answer 1

предотвратить действие по умолчанию кнопки ввода. Вы можете сделать это с помощью функции JQuery . Только <form onsubmit="return false;"> ... </form>

Answer 2

Использование <form onsubmit="return false;"> ... </form>

Answer 3

Это проблема document.write, посмотреть на what it means