zoukankan      html  css  js  c++  java
  • 解决Button按钮点击后自动刷新页面的问题

    一、问题

    页面上有这样一个按钮,每次点击这个按钮的时候,执行完button的click事件后,会自动的重新刷新一下当前的页面。

     <button class="btn btn-default active" id="btnAdd" style="margin-left:40px;">@GlobalResources.New</button>
     <button id="btnSearch" type="button" class="btn btn-default active" style="margin-left:20px;">@GlobalResources.Search</button>
                                  

    二、原因
    button,input type=button按钮在IE和w3c,firefox浏览器区别: 
    1、当在IE浏览器下面时,button标签按钮,input标签type属性为button的按钮是一样的功能,不会对表单进行任何操作。 
    2、但是在W3C浏览器,如Firefox下就需要注意了,button标签按钮会提交表单,而input标签type属性为button不会对表单进行任何操作。

    三、解决办法
    为button按钮增加一个type=”button”属性。

     <button type="button" class="btn btn-default active" id="btnAdd" style="margin-left:40px;">@GlobalResources.New</button>
     <button type="button" id="btnSearch" type="button" class="btn btn-default active" style="margin-left:20px;">@GlobalResources.Search</button>
    勤劳一日,便得一夜安眠;勤劳一生,便得幸福长眠。
  • 相关阅读:
    Form组件
    LAMP+Varnish的实现
    缓存反向代理-Varnish
    CDN初识
    HTTP缓存初探
    Keepalived搭建主从架构、主主架构实例
    实现高可用-Keepalived
    nginx负载均衡实例
    lvs集群实现lvs-dr模型和lvs-nat模型
    LVS介绍
  • 原文地址:https://www.cnblogs.com/zhaomengmeng/p/12069004.html
Copyright © 2011-2022 走看看