浏览器中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>
时间： 2024-08-27 01:27:45

浏览器中beforeunload的使用的相关文章

微信浏览器中调用支付宝支付

众所周知,在微信浏览器中是无法唤起支付宝的,会提示请在浏览器中打开,如果非要在微信浏览器中调起支付宝的话,只能是跳出微信浏览器,关于这一点,在支付宝官网给出了一个例子.但是,话说回去,后来我仔细想想,其实真的没有必要非要在微信浏览器中调起支付宝支付(当时真是一根筋啊啊啊...) 支付宝手机网站支付的官方文档: https://doc.open.alipay.com/docs/doc.htm?treeId=203&articleId=105288&docType=1 快速接入: https:

JavaScript权威指南第13章 web浏览器中的javascript

13.1 客户端javascript window对象是所有的客户端javascript特性和api的主要接入点.表示浏览器的一个窗口,可以通过window对象来引用它. window 的方法 alert() prompt() confirm() 13.2 在html里嵌入javascript 4种方法: 内联:放置在<script></script>标签之中 外部引入:<script src="   "></script> html程序

非微信内置浏览器中的网页调起微信支付的方案研究

问题来源 之前在app中集成过微信支付,当时还写了一篇扫坑贴,此种微信支付方式为app支付,即在我们自己的应用中嵌入微信支付SDK,由Native代码调起微信支付. 后来由于业务需要在我们app的WebView中打开第三方店铺的网页,在第三方网页中有微信支付按钮,测试反馈说ios可以调起微信支付,而android不可以.后来网上看到说微信内置Webview和京东的网页也可以调起微信支付,微信自己没什么奇怪的,而京东可以的话,如果它跟微信没什么合作协议的话,那么其他app应该也可以在网页中调用微信

不同浏览器中空格符的兼容问题

刚开始学习前端的时候,遇到空格符在不同浏览器中不等宽的问题自然不以为然,因为我只在一个浏览器下查看!随着自身的提高,也就更能看清楚问题的存在. 有一次,在制作一个注册登录界面的时候,这种参差不齐的表现实在让人忍无可忍.通过查阅资料及各位前辈的见解,总结如下: 1.在空格那一行设置一下字体,把字体设置成任意一种字符等间距的字体,如''宋体''. 由于不同的浏览器会有不同的默认字体,IE的字体多数是采用宋体为默认字体,像谷歌浏览器,欧鹏,火狐,safari等,这些浏览器多数会采用微软雅黑,这种黑体系

在浏览器中输入URL按下回车键后发生了什么

在浏览器中输入URL按下回车键后发生了什么 [1]解析URL[2]DNS查询,解析域名,将域名解析为IP地址[3]ARP广播,根据IP地址来解析MAC地址[4]分别从应用层到传输层.网络层和数据链路层分别加入各个层的头部封装为包[5]进行三次握手后,客户端与服务器建立连接[6]客服务器向客户端返回数据,浏览器接收到数据[7]浏览器开始渲染页面 补充:浏览器渲染页面详解 [1]由从服务器接收到的html形成DOM[2]样式被加载和解析,形成css对象模型CSSOM[3]DOM和CSSOM创建一个渲

在iOS微信浏览器中自动播放HTML5 audio(音乐)的2种正确方式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"

在浏览器中输入 www.baidu.com 后执行的全部过程

现在假设如果我们在客户端(客户端)浏览器中输入http://www.baidu.com,而baidu.com为要访问的服务器(服务器),下面详细分析客户端为了访问服务器而执行的一系列关于协议的操作: 1.客户端浏览器通过DNS解析到www.baidu.com的IP地址220.181.27.48,通过这个IP地址找到客户端到服务器的路径.客户端浏览器发起一个HTTP会话到220.161.27.48,然后通过TCP进行封装数据包,输入到网络层. 2.在客户端的传输层,把HTTP会话请求分成报文段,添

php代码在浏览器中被注释

<?php//创建文件并写入内容 echo 'hello'; ?> 这串代码在浏览器中一直被注释掉,无法运行. 在PHP的后边不应该加上注释.

readonly属性在各浏览器中的区别

有个项目需求是正常显示时为只读,不可修改: 点击修改按钮后,可修改表单元素. 首先想到的是readonly属性,其用于规定输入字段为只读,不能修改.在javascript中消除readonly值,可将输入字段切换为可编辑状态.如下面的写法 <input type="text" name="email" readonly="readonly"> 写完后在浏览器中测试时发现如下: IE浏览器:可以获得焦点,光标可进入,但不能输入.获得焦点