前端button按钮点击会自动刷新页面

ps:这是我刚开始求职遇到的一个面试题,居然我不会,丢人。。

原因:<button></button>如果不设置type属性,在IE浏览器下默认type值为"button",其他浏览器默认type为"submit",点击便会提交表单,刷新页面

解决办法:

1.手动设置type="button",<button type="button"></button>

2.在按钮的点击事件处理函数中取消默认事件,

    <button id="button"></button>

    document.getElementById("button").onclick=function(e){

        e.preventDefult();

    }

3.使用input,设置type = "button"

<input type="button" />

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,554评论 0 17
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,548评论 1 11
  • 本篇收录了一些面试中经常会遇到的经典面试题以及自己面试过程中遇到的一些问题,并且都给出了我在网上收集的答案。马上就...
    菲菲菲菲妞阅读 949评论 0 3
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,057评论 0 2
  • 热闹非凡的区块链已经冷冷清清了。 说实在的,现在能活的下来并且有点收益的就是不错的项目了。闪电鸡就是今天的这个主角...
    1887c1afad3d阅读 500评论 0 2