Javascript HREF 更新

Question

我偶尔会访问一些在 HREF 中标明页码的 URL。这些变化，我需要跟踪最后一次访问。我一直在通过剪切粘贴到一个文本文件中来做到这一点，但想用我可以用 javascript 更新的本地 HTML 页面替换它。这是我创建的一个示例：

<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>

当我在文本字段中输入一个新值并使用 Firebug 跟踪它时，它似乎工作正常，即链接 href 值和文本字段值在 DOM 中发生了变化，但是当函数退出时，它们又回到了页面中的原始值。我做错了什么？

Answer 1

主要编辑：

问题是在表单标签内的单个<input> 中按回车键会提交表单，所以发生的情况是，您输入输入，按回车键，这会导致模糊，所以onchange 事件火灾和调试器中的一切都显示正常。完成后，页面重新加载（因为action 的默认形式是获取当前页面）没有闪烁，重置输入值。

解决方案 1：删除 <form> 标记。表单元素在这个 sn-p 中没有做任何有用的事情。

解决方案 2：将 onsubmit=return(false) 属性添加到 <form>。

解决方案 3：向表单添加另一个非隐藏输入。