浏览器中beforeunload的使用

简介: 打开一些慢的网站的时候只见浏览器在不停转圈,但是页面还停留在当前页面的,有些网站的效果是你点击链接要跳到另一个页面的时候,在当前页面弹出一个框提示“正在加载中....”, 用到了浏览器的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.     <href='http://niunan.net'>跳到百度</a>  
    18. </body>  
    19. </html>  
目录
相关文章
|
12月前
|
JavaScript 前端开发
浏览器行为
浏览器行为
52 0
|
Web App开发 前端开发 安全
一文带你详细了解浏览器安全
1.同源策略 浏览器的同源策略,限制了来自不同源的“document”或脚本,对当前“document”读取或设置某些属性。 为了不让浏览器的页面行为发生混乱,浏览器提出了“Origin”(源)这一概念,来自不同Origin的对象无法互相干扰。 对于JavaScript来说,以下情况被认为是同源与不同源的:
91 3
一文带你详细了解浏览器安全
|
存储 Web App开发 缓存
浏览器相关总结
浏览器相关总结
|
Web App开发 缓存 开发框架
浏览器专题系列 - 浏览器内核
浏览器专题系列 - 浏览器内核
|
Web App开发 缓存 前端开发
浏览器端Less
浏览器端Less
|
Web App开发
浏览器突然好用多了。。。
我一向不掩饰对对浏览器插件的推崇。 首先,浏览器是日常工作中频繁接触的工具,借助浏览器这个平台,让插件触手可及,使用更加方便。 其次,插件普遍在几十KB或者上百KB,对比于动辄几十上百MB的桌面应用要轻量很多。
浏览器突然好用多了。。。
关于网页浏览器的一些实用小技巧
关于网页浏览器的一些实用小技巧
128 0
关于网页浏览器的一些实用小技巧
|
Web App开发 iOS开发 开发者
常见浏览器 | 学习笔记
快速学习常见浏览器
122 0
常见浏览器 | 学习笔记
|
Web App开发 移动开发 测试技术
IE9是最佳浏览器?
据CNET科技资讯网11月10日国际报道,一开始只是个意外—一个专为宣传用的博客贴出了微软最新版的Internet Explorer 9 (IE9)。但不到一个星期内,错误的信息就马上传遍了整个软件市场。
986 0