【问题标题】:my html file is disappearing when i run JS code当我运行 JS 代码时,我的 html 文件消失了
【发布时间】:2020-12-21 08:55:52
【问题描述】:

我有一个 HTML 文件,其中包含要填写的表单(姓名、电子邮件等)和一个重置按钮,该按钮应该清空输入字段的值。 当点击按钮时,会调用一个 JS 方法

function reset()
{
    document.getElementById("Emailinput").value = "";
    document.getElementById("nameinput").value = "";
    document.getElementById("Passwordinput").value = "";   
}

当我运行该方法时,输入字段将被清除,但我会立即在浏览器屏幕上看到“找不到您的文件”,并且 html 文件消失了! 有人知道可能是什么原因吗?

【问题讨论】:

  • 该按钮也在提交表单(检查浏览器的地址栏)。使用 <input type="reset"> 代替它,您可以完全放弃该 JS 代码以启动。
  • 通过添加输入类型重置而不是带有事件处理程序的按钮来修复。非常感谢!

标签: javascript html forms browser reset


【解决方案1】:

您需要将函数名称更改为 resetform() 因为有一个名为 reset() 的内置 Javascript 函数来重置页面内容

如果您在脚本或 HTML 文档的某处使用“document.write()”函数,可能会导致单击 reset() 后整个 HTML 页面消失这一事实

请看看这个article

【讨论】:

    【解决方案2】:

    JavaScript 函数reset 是一个清除页面的全局函数。
    通过更改函数名称,您应该能够再次访问您的 HTML 页面。我建议你使用简短的东西,例如formReset()

    【讨论】:

      【解决方案3】:

      在你的表单中你应该告诉浏览器请求哪个页面。我没有看到你的 html 代码,但我猜它看起来像那样

      <form action="/somepage">
      ......
      </form>
      

      你的js服务器或文件浏览器默认服务器中不存在某些页面

      【讨论】:

      • 正确,但不是问题的完整答案。
      猜你喜欢
      • 2019-09-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-09-01
      • 2018-04-12
      • 1970-01-01
      相关资源
      最近更新 更多