浏览器中beforeunload的使用

打开一些慢的网站的时候只见浏览器在不停转圈,但是页面还停留在当前页面的,有些网站的效果是你点击链接要跳到另一个页面的时候,在当前页面弹出一个框提示“正在加载中....”, 用到了浏览器的beforeunload事件,自己试了一下,以下代码可运行

  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Document</title>    
  6.     <script src="http://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>  
  7.         <script src="layer/layer.js"></script>  
  8.     <script language="javascript">  
  9.         $(window).bind('beforeunload',function(){   
  10.                 layer.msg('正在拼命加载!!!', {  
  11.                     time: 0 //不自动关闭   
  12.                 });    
  13.         });  
  14.     </script>  
  15. </head>  
  16. <body>  
  17.     <a href='http://niunan.net'>跳到百度</a>  
  18. </body>  
  19. </html>  

猜你喜欢

转载自niunan.iteye.com/blog/2314385