浏览器中beforeunload的使用

浏览器中beforeunload的使用打开一些慢的网站的时候只见浏览器在不停转圈 但是页面还停留在当前页面的 有些网站的效果是你点击链接要跳到另一个页面的时候 在当前页面弹出一个框提示 正在加载中 用到了浏览器的 beforeunload 事件 自己试了一下 以下代码可运行源代码复制 IE 有效 打印关于 lt DOCTYPE nbsp html gt nbsp nbsp lt html nbsp lang en gt nbsp nbsp

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

源代码 复制(IE有效) 打印 关于

  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>  
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/230654.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Angular面试题_angular面试

    Angular面试题_angular面试一、ng-show/ng-hide与ng-if的区别?第一点区别是,ng-if在后面表达式为true的时候才创建这个dom节点,ng-show是初始时就创建了,用display:block和display:none来控制显示和不显示。第二点区别是,ng-if会(隐式地)产生新作用域,ng-switch、ng-include等会…

    2022年8月31日
    5
  • 圣经中基甸的故事_马热伊基艾

    圣经中基甸的故事_马热伊基艾给定一个包含 n 个点 m 条边的有向图,每条边都有一个流量下界和流量上界。给定源点 S 和汇点 T,求源点到汇点的最小流。输入格式第一行包含四个整数 n,m,S,T。接下来 m 行,每行包含四个整数 a,b,c,d 表示点 a 和 b 之间存在一条有向边,该边的流量下界为 c,流量上界为 d。点编号从 1 到 n。输出格式输出一个整数表示最小流。如果无解,则输出 No Solution。数据范围1≤n≤50003,1≤m≤125003,1≤a,b≤n,0≤c≤d≤21474836

    2022年8月11日
    6
  • circos 可视化手册- text 篇

    circos 可视化手册- text 篇欢迎关注微信公众号 生信修炼手册 不论是 heatmap 还是 scatter histogram 反应的都是基因组上某段区域对应的 value 值的分布 这里的 value 都是数值 对于 value 是字符串的情况 专门定义了 text 这种图表类型 用于展示 看一个 text 的实例 text 在图上就是一圈的字符串标记 字符串可以添加连线 表明对应的染色体位置 配置文件的写法如下 首先看下 fil

    2025年6月15日
    3
  • 新版卡盟官网源码_汇想卡盟官网

    新版卡盟官网源码_汇想卡盟官网最近,很多小伙伴们都在想搭建一个卡盟的主站,但是鉴于很多人都不太懂编程,也不知道如何找到源码。所以现在小编就为大家带来搭建卡盟主站教程,而且还把源码也一起送来了,想要搭建卡盟主站的话就记得一定要下载哦!搭建卡盟主站教程介绍1,完整无误经过校验的卡盟平台源码2,基于Ecshop内核的卡盟平台,游戏点卡销售的首选平台PHP+MYSQL3,前台模板已做深层SEO优化便于搜索引擎收录寻找卡盟源码1网…

    2022年8月13日
    11
  • 自定义手机壁纸_ios怎么自定义动态壁纸

    自定义手机壁纸_ios怎么自定义动态壁纸拥有Android智能手机的主要好处之一就是自定义。有了足够的专业知识,您可以对它的几乎所有方面进行自定义9。值得扎根的Android惊人的定制9值得扎根的Android惊人的定制让您的设备扎根了吗?看完所有这些很棒的仅根定制之后,您可能会改变主意。阅读更多内容,但首先应该开始,是否打算建立根目录。什么是自定义ROM?了解AndroidLingo根源是什么?什么是自定义ROM?学习Android…

    2025年8月20日
    6
  • MySQL——删除索引

    MySQL——删除索引1 nbsp 使用 nbsp ALTER nbsp TABLE nbsp 语句删除索引 nbsp nbsp 语法格式 nbsp nbsp ALTER nbsp TABLE nbsp table name nbsp nbsp DROP nbsp INDEX nbsp index name 例 删除 nbsp score nbsp 表中的名为 nbsp id nbsp 的普通索引 首先查看 nbsp score nbsp 表 Table CreateTable

    2025年11月23日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号