Javascript 网页刷新时变量的增量变量值_Javascript_Html_Cookies_Page Refresh

Javascript 网页刷新时变量的增量变量值

javascript html cookies

Javascript 网页刷新时变量的增量变量值,javascript,html,cookies,page-refresh,Javascript,Html,Cookies,Page Refresh,我有一个代码，它在每次点击按钮时只增加一个值10。每当我刷新页面时，我希望代码增加值。我该怎么做代码如下： <html> <head> <script type="text/javascript"> function reveal() { var val = document.getElementById("outputtext").value; var result = parseInt(val) + parseInt(10); document.getE

我有一个代码，它在每次点击按钮时只增加一个值10。每当我刷新页面时，我希望代码增加值。我该怎么做

代码如下：

<html>
<head>
<script type="text/javascript">
function reveal() {
var val = document.getElementById("outputtext").value;
var result = parseInt(val) + parseInt(10);
document.getElementById("outputtext").value = result;
}
</script>
</head>

<body>
<p> <h3>Click on below button to increase the value by 10<h3> </p>

<button onclick="reveal()"> Increment</button>

<table>
<tr>
<td><textarea id="outputtext">10</textarea></td>
</tr></table>
</body>
</html>


函数揭示（）{
var val=document.getElementById（“outputtext”）.value；
var结果=parseInt（val）+parseInt（10）；
document.getElementById（“outputtext”）.value=结果；
}
单击下面的按钮将值增加10
增量
10

对于问题的标题，您可以使用以下Javascript函数打开上一页：

history.back();

如本问题就此所述：

如果要使用Javascript在页面刷新时增加变量，则应在用户浏览器上将此变量另存为cookie：

document.cookie="increment=10";

这两个链接中的任何一个都可能对您有所帮助：

您可以在不使用cookies的情况下，通过在URL中使用散列（#值）来实现这一点。请尝试以下代码：

<html>
<head>
</head>

<body>
    <h3>Click on below button to increase the value by 10<h3>

    <button onclick="reveal()"> Increment</button>

    <table>
        <tr><td><textarea id="outputtext">10</textarea></td></tr>
    </table>

    <script type="text/javascript">

    //Get the last value
    var current = parseInt(location.hash.slice(1));
    //If it is set, increment it
    if(current){
        document.getElementById("outputtext").value = current + 10;
        location.hash = '#' + (current+10);
    }

    function reveal() {
        var val = document.getElementById("outputtext").value;
        var result = parseInt(val) + parseInt(10);
        document.getElementById("outputtext").value = result;
        //Set the value
        location.hash = '#' + result;
    }

    </script>
</body>
</html>


单击下面的按钮将值增加10
增量
10
//获取最后一个值
var current=parseInt（location.hash.slice（1））；
//如果已设置，则将其递增
如果（当前）{
document.getElementById（“outputtext”）.value=current+10；
location.hash='#'+（当前+10）；
}
函数揭示（）{
var val=document.getElementById（“outputtext”）.value；
var结果=parseInt（val）+parseInt（10）；
document.getElementById（“outputtext”）.value=结果；
//设置值
location.hash='#'+结果；
}

请注意，我将javascript移到了文件的末尾，这样在执行代码时就已经定义了

#outputtext

。

标题和问题没有关联。现在编辑，现在有意义吗？是的，这也可以。不过，我不使用散列值，因为它们可能会导致错误和混乱。@这是真的，在一个大项目上，我建议使用cookies，这只是一种替代方法。