【问题标题】:JavaScript: How to force a page reload on reset?JavaScript:如何在重置时强制重新加载页面?
【发布时间】:2012-03-26 02:18:45
【问题描述】:

我有一个包含一些生成的 HTML 的页面,该页面在表单的 reset 按钮中仍然存在。这是一个问题,因为 HTML 与缓存的默认表单中的值不一致。

原则上,我想如果我可以在用户按下reset 时从服务器强制重新加载,它可以很容易地解决。但是我看到 Chrome 浏览器不支持 onReset 事件(实际上它在 HTML5 中已被弃用)。

但也许我可以解决丢失的 onReload 事件。我可以重新定义按下reset 按钮时会发生什么吗?在我的情况下,applyreset 按钮位于我无法更改的一般 HTML 模板中。我可以从 JavaScript 将函数附加到按钮吗?

【问题讨论】:

    标签: forms events google-chrome cross-browser reload


    【解决方案1】:

    您可以将“重置”按钮替换为常规按钮。
    并使用“onClick”事件,触发页面重新加载。

    编辑

    哎呀,我错过了模板部分,

    您可以从 Javascript 向按钮添加功能。 首先,您需要“获取”按钮,例如 document.getElementbyId('resetButton');

    如果按钮没有ID,您仍然可以通过javascript dom traversal检索它

    然后你可以添加如下函数:

    var resetButton = document.getElementbyId('resetButton');
    resetButton.onclick= reloadPage;
    
    function reloadPage(){
       window.location.reload();
    }
    

    【讨论】:

    • 是的,好的。复杂之处在于“重置”按钮位于我无法修改的模板中。这就是为什么我问我是否可以以某种方式替换按钮的行为......
    • 非常感谢!您的回答非常清楚且很有帮助。
    猜你喜欢
    • 2016-02-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多