javascript - 每次加载/提交表单时值加 1

Question

这是我的 html 代码，用于在 html 标签中显示值

<table  >
                <tr><td height="40" colspan="2" align=right>
                    <div class="headbox" >Order No.</div></td>
                    <td align=left> <div class="headbox"  ><label id=no > </label></div> </td>

                </tr>

这些是在表单加载时在标签中显示数字的 JavaScript 函数

function noDisplay(){
   var value =1


    document.getElementById('no').innerHTML = value;

}

window.onload = function(){
    noDisplay()
}; 

虽然我想在每次加载表单时将数字的值增加 1，但它仍然保持为 1!我该如何纠正这个问题(即 当表单再次提交或加载时将值增加到 2？)

Answer 1

您还可以使用 localStorage 变量来保存该值。

    function noDisplay(){

    var count = localStorage.getItem("count")==null?1:localStorage.getItem("count");
    count=Number(count)+1;
    localStorage.setItem("count", count);
    document.getElementById('no').innerHTML = count;
  }

这是为了更新标签以显示表单仅加载了多少次。如果您需要订单号，则只需从服务器传递订单号即可。