zoukankan      html  css  js  c++  java
  • 转载:解决IE下a标签会触发window.onbeforeunload的问题

    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
    2. <html>   
    3.          
    4.       <head>   
    5.           <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />   
    6.    
    7.           <script type="text/javascript">   
    8.             window.onbeforeunload=function(){   
    9.                return "56456456";   
    10.             }   
    11.             function testMothed(){   
    12.                 alert("555");   
    13.                    
    14.             }   
    15.             </script>   
    16.      </head>   
    17.      
    18.   <body>   
    19.      点a标签时事件调用顺序:onclick->window.onbeforeunload->href    
    20.         
    21.      在IE中点击A标签会触发window.onbeforeunload事件,这有时会给我们带来麻烦。   
    22.         
    23.      我知道的有两种解决方法:1、<href=”###”/>3个#号可以防止锚点,2、根据事件顺序onclick="return false;"不执行window.onbeforeunload->href两个事件。   
    24.    
    25.     测试1、测试2、测试3 都不会触发window.onbeforeunload事件。   
    26.    
    27.     <href="javascript:void(0);">测试0</a>   
    28.     <onclick="return true;" href="#">测试1</a>   
    29.     <onclick="return true;" href="###">测试2</a>   
    30.     <onclick="testMothed();return false;" href="javascript:alert(22)">测试3</a>   
    31.     <onclick="testMothed();" href="javascript:alert(22)">测试4</a>   
    32.            
    33.   </body>   
    34. </html>  
    35. 原文:http://nikoo.blog.51cto.com/211591/1026668
  • 相关阅读:
    js-YDUI 移动端解决方案
    js 关于网易淘宝移动端适配的学习
    JavaScript--数据结构与算法之排序
    《致橡树》
    JavaScript--Module模式
    js-轮播图的总结
    flex布局:
    JavaScript--模块化 JavaScript module designer
    JavaScript--数据结构之队列
    剑指offer——数组中的逆序对
  • 原文地址:https://www.cnblogs.com/IcefishBingqing/p/6432534.html
Copyright © 2011-2022 走看看