JavaScript实现离开页面前提示功能【附jQuery实现方法】

本文实例讲述了JavaScript实现离开页面前提示功能。分享给大家供大家参考，具体如下：

离开页面前的提示不可以用onunload去做，因为它只是兼容IE，你要兼容Google与FireFox就蛋疼了。

而且这个事件还是关闭之后才会触发的。

取而代之可以用onbeforeunload去实现。

onbeforeunload可以在用户关闭或刷新窗口、或者点击本页内的任何超级链接都会触发的。

其JavaScript代码如下：

<script>
window.onbeforeunload=function(e){
  var e=window.event||e;
  e.returnValue=("确定离开当前页面吗？");
}
</script>

非常简短，一开始利用window.event与e的或，兼容浏览器。

其返回值就是提示信息。

在IE8的效果如下，第一行与最后一行是必须存在的。用户点击“取消”不会发生任何事情，点击“确定”则继续之前的动作。

在Google Chrome的效果如下，只有最后一行是我们可以控制的，其它都是系统本身就有的东西，不能够被改写。

野狐禅的效果如下，其提示信息读不出来，我也没办法，谁叫这个浏览器是野狐禅呢？

这段东西，用JQuery则这样写：

$(window).bind('beforeunload',function(){
  return '提示信息';
  }
);

JQuery1.9自带全浏览器兼容……

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript页面元素操作技巧总结》、《JavaScript正则表达式技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

# JavaScript  # 离开页面  # 提示  # javascript和jQuery实现网页实时聊天的ajax长轮询  # JavaScript/jQuery、HTML、CSS 构建 Web IM 远程及时聊天通信程序  # jQuery在vs2008及js文件中的无智能提示的解决方法  # jquery.cvtooltip.js 基于jquery的气泡提示插件  # Jquery插件分享之气泡形提示控件grumble.js  # jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载  # jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)  # 基于jquery实现智能提示控件intellSeach.js  # JS(jQuery)实现聊天接收到消息语言自动提醒功能详解【提示“您有新的消息请注意查收”】  # 提示信息  # 可以用  # 都是  # 相关内容  # 本页  # 你要  # 才会  # 遍历  # 感兴趣  # 这段  # 我们可以  # 数据结构  # 给大家  # 去做  # 因为它  # 自带  # 取而代之  # 更多关于  # 不能够  # 所述 

相关文章： 网站按钮制作软件,如何实现网页中按钮的自动点击？  如何确保西部建站助手FTP传输的安全性？  建站之星安装失败：服务器环境不兼容？  如何快速选择适合个人网站的云服务器配置？  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  如何快速查询网址的建站时间与历史轨迹？  已有域名和空间如何快速搭建网站？  香港服务器建站指南：免备案优势与SEO优化技巧全解析  如何自定义建站之星网站的导航菜单样式？  西安专业网站制作公司有哪些,陕西省建行官方网站？  建站主机选购指南：核心配置与性价比推荐解析  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  建站之星后台管理如何实现高效配置？  如何通过VPS建站无需域名直接访问？  网页设计网站制作软件,microsoft office哪个可以创建网页？  哈尔滨网站建设策划,哈尔滨电工证查询网站？  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  宝塔Windows建站如何避免显示默认IIS页面？  如何选择适配移动端的WAP自助建站平台？  油猴 教程,油猴搜脚本为什么会网页无法显示？  佛山企业网站制作公司有哪些,沟通100网上服务官网？  如何在Golang中处理模块冲突_解决依赖版本不兼容问题  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  如何在宝塔面板中创建新站点？  建站主机选择指南：服务器配置与SEO优化实战技巧  建站之星伪静态规则如何设置？  Python如何创建带属性的XML节点  高防服务器如何保障网站安全无虞？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  宝塔建站助手安装配置与建站模板使用全流程解析  如何通过虚拟主机快速搭建个人网站？  深圳企业网站制作设计,在深圳如何网上全流程注册公司？  常州企业网站制作公司,全国继续教育网怎么登录？  建站之星代理商如何保障技术支持与售后服务？  如何在IIS中新建站点并配置端口与物理路径？  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  如何选择可靠的免备案建站服务器？  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗？  魔毅自助建站系统：模板定制与SEO优化一键生成指南  非常酷的网站设计制作软件,酷培ai教育官方网站？  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  香港网站服务器数量如何影响SEO优化效果？  css网站制作参考文献有哪些,易聊怎么注册？  ,如何利用word制作宣传手册？  如何在IIS中新建站点并解决端口绑定冲突？  潮流网站制作头像软件下载,适合母子的网名有哪些？  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度？