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.Проблема с хромом, оперой и сафари

Answer 1

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

Answer 2

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

Answer 3

Это проблема document.write, посмотрите на что это значит