单击时页面自动刷新
你好 我有一个网页,当用户单击调用 JavaScript 函数的“计算按钮”时,该网页会自动刷新。 body标签中有一个onLoad事件。我还使用了一点jquery。 http://gist.github.com/644498
hello
i have a webpage that refreshes automatically when user clicks the "Calculate button" which calls a javascript function. There is a onLoad event in the body tag. I also use a bit of jquery.
http://gist.github.com/644498
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
在按钮周围放置
form
标记会导致页面刷新。我正在处理同样的问题,花了我一整天的时间才解决它。如果没有表单标签就无法使用,那么在函数名称后面放置;return false;
效果很好。示例:
Having
form
tags around your buttons would cause the page to refresh. I was dealing with the same problem and it took me all day to fix it. Putting;return false;
after the function name works great if there's no way you can go without the form tags.Example:
<button onclick="send(form);return false;"> Send </button>
您可以在函数名称下方使用 event.preventDefault() 。这可以防止属于该事件的默认操作,在本例中是页面刷新。
You could use event.preventDefault() just below function name. This prevents the default action that belongs to the event, in this case being the page refresh.
如果使用“onClick”和内部 form:form 标记调用 javascript 函数,则需要在 fn 调用后附加“return false”。
例如
onclick="resetForm();return false;"
If the javascript function is being called using "onClick" and inside form:form tag , then you need to append "return false" after the fn call.
E.g.
onclick="resetForm();return false;"