Question

我正在尝试实现以下逻辑：当用户使用已经从文件中加载的数据重新加载页面时，表单字段将被清空。由于没有重载事件，因此我尝试使用以下js代码显示此事件的类似行为：

var visited = 0;

    function init() {
        if(document.getElementById("textarea1").innerText!=="Reload") {//this line indicates from the content of textarea if the page is reloaded
            if (visited === 1) {
                alert("Inside");
                document.getElementById("ForTesting").click();// when this button pressed the form data is emptied
                document.submitForm.submit();
                visited=0;
            }

            visited=1;
            alert(visited);
        }
    }
    window.onload = init();

问题是全局变量“ visited”没有被重新分配。

我研究了变量的作用域和操作，但是由于一些未知的原因，它没有按我预期的那样工作。

我需要访问变量，因为在页面上有一个按钮，单击该按钮后将显示文件的内容。因此，如果按下该按钮，它将使用文件中的内容重新加载网页。因此，如果已经从文件中重新加载了页面内容，并且用户重新加载了页面，则应删除表格中的数据。

Answer 1

在这种情况下，您应该使用cookies，local或session存储空间。

Answer 2

As described on w3schools：为了重置表单，您可以添加以下行：

document.getElementById('formId').reset();

或

document.forms['formName'].reset();

重新加载页面应清空表格字段

2 个答案: