当前位置:首页 > 日记 > 正文

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

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程序设计有所帮助。

相关文章

canvas实现动态小球重叠效果

canvas实现动态小球重叠效果

重叠,动态,小球,效果,电脑软件,前面的话在javascript运动系列中,详细介绍了各种运动,其中就包括碰壁运动。但是,如果用canvas去实现,却是另一种思路。本文将详细介绍canvas动态小球重叠效果静态小球首先,生成随机半径、随机位置的50个静态小球<b…

react-router JS 控制路由跳转实例

react-router JS 控制路由跳转实例

路由,控制,跳转,实例,电脑软件,Link组件用于正常的用户点击跳转,但是有时还需要表单跳转、点击按钮跳转等操作。这些情况怎么跟React Router对接呢?下面是一个表单。<form onSubmit={this.handleSubmit}> <input type="text" placeholder=…

excel倒数函数的使用教程excel倒数

excel倒数函数的使用教程excel倒数

函数,使用教程,倒数,电脑软件,excel,  在Excel中,很多情况下需要进行倒数、正数的排列,这时需要用到RANK这一函数进行排序,下面是小编整理的excel倒数函数的使用教程以供大家阅读。希望对你有帮助!excel倒数函数的使用教程示例1:正排名excel倒…

利用javascript实现的三种放大镜效

利用javascript实现的三种放大镜效

三种,源码,实例,效果,电脑软件,本文实现的是一款简单的放大镜效果,有三种不同的样式,支持移动端;大家可以直接下载源码进行学习参考,下面来一起学习学习吧。实现效果如下效果一效果二效果三调用代码如下//前面是ID或者Class,后面有init里面参数…

JS实现的模仿QQ头像资料卡显示与隐

JS实现的模仿QQ头像资料卡显示与隐

显示,头像,效果,资料卡,电脑软件,本文实例讲述了JS实现的模仿QQ头像资料卡显示与隐藏效果。分享给大家供大家参考,具体如下:我们使用QQ时经常需要查看朋友的资料卡,当我们把鼠标移入头像时,资料卡显示,并且鼠标能在头像与资料卡之间能随意移动,当…

jquery精度计算代码 jquery指定精

jquery精度计算代码 jquery指定精

精度,计算,小数位,精确,代码,本文实例为大家分享了jquery指定精确小数位的具体代码,供大家参考,具体内容如下/*** 将标签的值格式化* id 标签id* min 最小值* max 最大值*/function toFloat(id,min,max){ var htmlVal = $("#"+id).html(); …

WPS表格怎么设置标题行重复WPS表格

WPS表格怎么设置标题行重复WPS表格

设置,方法,多级,文字,标题,  在使用WPS表格中经常会遇到制表时标题行是一样的,但是内容有多页,如果每页都设置标题行又有些麻烦,如何设置标题行自动重复呢?接下来小编为你分享WPS表格设置标题行重复的方法。希望对你有帮助!WPS表格设置标题行…

怎么找出来被隐藏了的QQ查找被隐藏

怎么找出来被隐藏了的QQ查找被隐藏

方法,查找,电脑软件,QQ,strong,  有时候明明登录了QQ,但是却找不到QQ图标在哪里,这是因为被隐藏的原因。那么怎么把QQ找出来呢?下面小编告诉你查找被隐藏的QQ方法,希望对你有所帮助!找出来被隐藏了的QQ的方法首先要登录自己的QQ账号然后查看…

如何巧用Excel公式计算个人所得税

如何巧用Excel公式计算个人所得税

计算,个人所得税,巧用,公式,电脑软件,  个人所得税的计算看起来比较复杂,似乎不用VBA宏编程而只用公式来计算是一件不可能的事。其实,Excel提供的函数公式不但可以计算个人所得税,而且还有很大的灵活。以下是小编为您带来的关于巧用Excel公…

WPS演示怎么设置自动切换幻灯片WPS

WPS演示怎么设置自动切换幻灯片WPS

方法,设置,幻灯片,演示,设置自动,  WPS演示课件是应用最广泛的多媒体教学资源,它能够有效的将文字、图形、音频、视频、动画等多种元素融合在一起;很多情况下都是点击鼠标才会切换到下一张幻灯片,这样很不好,有些场合需要自动切换,那么如何…

jQuery Chosen通用初始化

jQuery Chosen通用初始化

初始化,通用,电脑软件,jQuery,Chosen,一直在用Chosen这个js插件,其目的就是美化下拉框。github地址:https://harvesthq.github.io/chosen/no_results_text:"xxxxx"无搜索结果时显示的文本allow_single_deselect:true 是否允许取消选择disable…

jquery中$.fn和滚动效果实现的必备

jquery中$.fn和滚动效果实现的必备

知识,滚动效果,电脑软件,jquery,fn,前言图片滚动效果相信对大家来说都不陌生,烂大街的效果图如下所示,js实现代码很短,不过如果想做的话,必须掌握jquery、IIFE、setInterval等基础以及$.fn用法:jquery中$.fn用法$.fn是jquery的命名空间,如果对jq…