解決IE下a標籤會觸發window.onbeforeunload的問題

時間  2021-08-13
標籤 javascript html java ide 測試 spa xml htm 事件 欄目 Windows 简体版
原文   原文鏈接 
  
  
           
  
  
    
   
   
            
   
   
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
    2. 
   
   
            
   
   
  2. <html>   
    3. 
   
   
            
   
   
  3.          
    4. 
   
   
            
   
   
  4.       <head>   
    5. 
   
   
            
   
   
  5.           <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />   
    6. 
   
   
            
   
   
  6.    
    7. 
   
   
            
   
   
  7.           <script type="text/javascript">   
    8. 
   
   
            
   
   
  8.             window.onbeforeunload=function(){   
    9. 
   
   
            
   
   
  9.                return "56456456";   
    10. 
   
   
            
   
   
  10.             }   
    11. 
   
   
            
   
   
  11.             function testMothed(){   
    12. 
   
   
            
   
   
  12.                 alert("555");   
    13. 
   
   
            
   
   
  13.                    
    14. 
   
   
            
   
   
  14.             }   
    15. 
   
   
            
   
   
  15.             </script>   
    16. 
   
   
            
   
   
  16.      </head>   
    17. 
   
   
            
   
   
  17.      
    18. 
   
   
            
   
   
  18.   <body>   
    19. 
   
   
            
   
   
  19.      點a標籤時事件調用順序：onclick->window.onbeforeunload->href    
    20. 
   
   
            
   
   
  20.         
    21. 
   
   
            
   
   
  21.      在IE中點擊A標籤會觸發window.onbeforeunload事件，這有時會給咱們帶來麻煩。   
    22. 
   
   
            
   
   
  22.         
    23. 
   
   
            
   
   
  23.      我知道的有兩種解決方法:一、<a href=」###」/>3個#號能夠防止錨點，二、根據事件順序onclick="return false;"不執行window.onbeforeunload->href兩個事件。   
    24. 
   
   
            
   
   
  24.    
    25. 
   
   
            
   
   
  25.     測試一、測試二、測試3 都不會觸發window.onbeforeunload事件。   
    26. 
   
   
            
   
   
  26.    
    27. 
   
   
            
   
   
  27.     <a href="javascript:void(0);">測試0</a>   
    28. 
   
   
            
   
   
  28.     <a onclick="return true;" href="#">測試1</a>   
    29. 
   
   
            
   
   
  29.     <a onclick="return true;" href="###">測試2</a>   
    30. 
   
   
            
   
   
  30.     <a onclick="testMothed();return false;" href="javascript:alert(22)">測試3</a>   
    31. 
   
   
            
   
   
  31.     <a onclick="testMothed();" href="javascript:alert(22)">測試4</a>   
    32. 
   
   
            
   
   
  32.            
    33. 
   
   
            
   
   
  33.   </body>   
    34. 
   
   
            
   
   
  34. </html>
    35.
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程