码迷,mamicode.com
首页 > 编程语言 > 详细

关于javascript:void(0) 在不用的浏览器当中的表现

时间:2017-10-30 15:57:58      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:mil   关于   params   col   原因   需要   oid   sans   javascrip   

原因在于三款浏览器,对三个属性的处理顺序不同。
Chrome顺序:onclick -> href -> target
IE和Firefox顺序:onclick -> target -> href

 

而我的需求是点击a标签先执行某个方法,然后再打开新的窗口。           

                   <div class="form-group col-md-1 ">
                                <a id="exportBtn"  href="javascript:void(0)"  class="btn btn-primary btn-block pull-right" target="_blank" onclick="addParams();">导出订单</a>
                   </div>

 

a标签这样写,导致chrome 会打开一个窗口, 而firefox会打开两个窗口。

经过查阅资料,只需要在onclick 执行return false 即可终止后续操作。


          

       <div class="form-group col-md-1 ">
                                <a id="exportBtn"  class="btn btn-primary btn-block pull-right" target="_blank" onclick="addParams();return false;">导出订单</a>
       </div>

 

便可解决两个浏览器行为不一致的问题,可正确的仅打开一个窗口或链接。

 

         
               

 

关于javascript:void(0) 在不用的浏览器当中的表现

标签:mil   关于   params   col   原因   需要   oid   sans   javascrip   

原文地址:http://www.cnblogs.com/valarchie/p/7754572.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!