[英]javascript: how to stop the page from reloading?
我剛剛編寫了一個小程序,該程序從用戶那里獲取輸入並顯示階乘表。 這是代碼:
<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中正常工作。 問題出在鉻,歌劇和野生動物園
使用<form onsubmit="return false;"> ... </form>
阻止輸入按鈕的默認操作。 您可以通過JQuery的preventDefault()
函數執行此操作,也可以<form onsubmit="return false;"> ... </form>
這是document.write
的問題,看看它的含義是什么
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.