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：向表单添加另一个非隐藏输入。