Html点击按钮自动刷新页面问题

问题

<button class="btn btn-primary" onclick="findData()">查询</button>

点击页面上的按钮，执行完button的click事件后，会自动的重新刷新一下当前的页面。

原因

button,input type=button按钮在IE和w3c，firefox浏览器区别：

当在IE浏览器下面时，button标签按钮，input标签type属性为button的按钮是一样的功能，不会对表单进行任何操作。
但是在W3C浏览器，如Firefox下就需要注意了，button标签按钮会提交表单，而input标签type属性为button不会对表单进行任何操作。

解决方法

1.将button标签更换为input：

<input type="button" class="btn btn-primary" value="查询" onclick="findData()"></input>

2.为button按钮增加一个type=”button”属性:

<button type="button" class="btn btn-primary" οnclick="findData()">查询</button>

Html点击按钮自动刷新页面问题相关推荐

HTML点击页面按钮自动刷新页面,如何在Html单击按钮后单击刷新页面
我正在用Java编写一个程序,用于在单击页面底部的下一个按钮后从一系列页面中删除源代码.我的代码是目前:如何在Html单击按钮后单击刷新页面 public class Htmlunitscraper ...
javascript(js)自动刷新页面的实现方法总结
自动刷新页面的实现方法总结: 1) <meta http-equiv="refresh"content="10;url=跳转的页面"> 10表示间隔 ...
vscode保存代码，浏览器自动刷新页面
一.Live Server 之前挺好用的,但是今天发现Live Server可以运行到浏览器,但是保存代码之后不能自动刷新浏览器了.经过查资料,试了以下方法: 前提:在文件夹中运行 1.将vscode ...
BJUI接受TabID实现添加或编辑后自动刷新页面
场景借助于BJUI框架,不管是添加还是编辑,都要共用同一个页面,执行同一个save方法. 参照: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/ ...
自动刷新 html,JavaScript自动刷新页面的方法
使用JavaScript location.reload方法刷新网页.当用户点击一个链接此代码可以自动在一个事件调用. 如果想使用鼠标点击刷新网页,可以用下面的代码:Refresh Page 要了解它 ...
在HTML中，实现每隔60秒自动刷新页面的功能
一.简介在 html 元素 < head > 头部区域内的 meta 标签中有个属性是 http-equiv="Refresh" ,该属性被所有主流浏览器支持. 其用 ...
【chrome插件】Auto Refresh Plus 自动刷新页面
导言: 对于需要在特定时间轻松执行自动网页刷新的任何用户,Auto Refresh Plus都非常方便.它还提供内容检测支持,当您需要查找动态网页中包含的内容时,这确实非常有用. 主要特征 1.默认时 ...
gulp+browserSync自动刷新页面
BrowserSync "Browsersync能让浏览器实时.快速响应您的文件更改(html.js.css.sass.less等)并自动刷新页面.更重要的是 Browsersync可以同时 ...
ios 返回不会自动刷新页面问题
在实际开发过程中,移动端的兼容性问题有很大的坑,安卓可以了ios不行,ios可以了安卓又失效了这样,其中ios的回退操作就是不会自动刷新页面,很烦! 常见的history.back() history ...

Html点击按钮自动刷新页面问题

问题

原因

解决方法

Html点击按钮自动刷新页面问题相关推荐

最新文章

热门文章