Javascript HREF更新

Question

我有一些我偶爾訪問的網址，其中包含HREF中指定的頁碼。這些變化，我需要跟蹤訪問的最後一個。我一直在通過剪切粘貼到一個文本文件中，但想用本地HTML頁面替換它，我可以使用javascript進行更新。下面是我創建了一個例子：

<script type="application/javascript"> 
     function update(n,newvalue) { 
      var link = document.getElementById('l' + n); 
      var href = link.getAttribute('href', 2); 
      var textfield = document.getElementById('p' + n); 
      var parts = new Array(); 
      parts = href.split('-'); 
      parts[1] = 'p' + newvalue; 
      textfield.setAttribute('value', newvalue); 
      var newhref = parts.join('-'); 
      link.setAttribute('href',newhref); 
     } 
</script> 
<form> 
    <dl> 
     <dt><a target="_blank" id="l1" href="http://foobar.org/t5-p8-data.html">Task 5 Data<a></dt> 
     <dd>Page: <input type="text" id="p1" value="8" onChange="update(1,this.value)" /> </dd> 
    </dl> 
</form> 
    </html> 

當我在文本字段中輸入一個新值和跟蹤通過這個與螢火蟲它似乎做工精細，即連結href中值和文本字段值在DOM得到改變，但是當函數退出時，它們會回到頁面中的原始值。我究竟做錯了什麼？

Answer 1

主要編輯：

的問題是創下單<input>輸入表單標籤內將提交表單，因此發生的事情是，你在輸入類型，按回車鍵，這會導致blor，所以onchange事件觸發，並在調試器中顯示一切正常。完成後，頁面將重新加載（因爲默認表格action將GET當前頁面）而不閃爍，重置輸入值。

解決方案1：刪除<form>標記。表單元素在這段代碼中沒有做任何有用的事情。

解決方案2：將onsubmit=return(false)屬性添加到<form>。

解決方案3：向表單添加另一個非隱藏輸入。