点击页面中的button按钮,界面刷新

£神魔★判官ぃ 2022-06-04 08:17 483阅读 0赞

点击页面中的button按钮,界面刷新

1、html如下

  1. <button id="paScreentime2" class="selectFileDiv paScreentime">18 s</button>

2、问题:点击该按钮,界面会刷新

3、原因:button按钮和input type=button按钮,在IE、Google、Firefox、W3c浏览器的区别:

  1. A、在IE浏览器下,button按钮和input type=button按钮是一样的功能,不会刷新界面
  2. B、在W3c浏览器下,如FirefoxGoogle浏览器下,在form表单里面的button按钮会提交表单,所以一点击button按钮界面就会刷新;但是input type=button按钮不会对表单进 行提交,所以界面就不会刷新。

4、解决方法:给button按钮加上type=button属性,如下面的代码:

  1. <button type='button' id="paScreentime2" class="selectFileDiv paScreentime">18 s</button>

发表评论

表情:
评论列表 (有 0 条评论,483人围观)

还没有评论,来说两句吧...

相关阅读