我刚写了一个小程序,它从用户那里获取输入并显示了阶乘表。这是代码:
<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中运行良好。问题在于铬,歌剧和野生动物园
答案 0 :(得分:3)
使用<form onsubmit="return false;"> ... </form>
答案 1 :(得分:2)
阻止输入按钮的默认操作。你可以通过JQuery的preventDefault()
来做到这一点
功能。或仅<form onsubmit="return false;"> ... </form>
答案 2 :(得分:0)
这是document.write
的问题,请查看what it means