javascript的关于刷新页面给出提示框的代码

// 页面刷新事件 ,或者关闭事件的3中方法!测试都可以!
参考官方文档: https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers.onbeforeunload
https://developer.mozilla.org/en-US/docs/Web/API

方法1:window.onbeforeunload = function(){ return ‘111‘; } //web微信用的这种方法,
方法2:window.onbeforeunload = function(){ return window.event.returnValue = "222"; } //这个才是标准
方法3:$(window).bind(‘beforeunload‘, function(e){ //用jquery绑定事件,本质是一样的。
return e.returnValue = "您确定要离开当前页面吗?";
});

测试1:
官方文档说:在html5,函数里面的 window.alert(), window.confirm(), and window.prompt() 方法都被忽略!测试结果确实如下,如下 firebug控制台:

注意:官方文档明确说明,这个事件的绑定函数需要:
The function should assign a string value to the returnValue property of the Event object and return the same string.

---------------------------------

window.onbeforeunload与window.onunlad对比
onbeforeunload事件在onunlad之前触发,监测刷新,关闭,前进,后退,主页这些按钮,
onunlad事件在关闭时被触发,包括点击关闭按钮和任务栏里点击右键关闭窗口事件

时间: 2024-10-13 12:05:41

javascript的关于刷新页面给出提示框的代码的相关文章

请求servlet操作成功后,在JSP页面弹出提示框

应用环境: 点击前台页面,执行某些操作.后台action/servlet 执行后,返回处理结果(成功.失败.原因.状态等)信息.在前台jsp进行弹窗显示,alert(); 后台处理代码:(把要提示的数据放到session中.) if(flag){ message="分类修改成功"; req.getSession().setAttribute("message", message); resp.sendRedirect(req.getContextPath()+&qu

jQuery实现的关闭页面弹出提示实例代码

jQuery实现的关闭页面弹出提示实例代码:当要关闭当前页面的时候,如果能够弹出一个提示那算是一个相当人性化的举措,因为可以防止误操作,当然也会因人而异,因为有些浏览者会感觉比较麻烦,不管怎么说,确实有这样的需求,下面就分享一下具有这个功能的代码.代码实例如下: $(window).bind('beforeunload',function(){ return '确定要离开当前页面吗'; }); 以上代码当在刷新或者关闭浏览器页面的时候会弹出提示.浏览器兼容性:1.谷歌浏览器效果良好.2.火狐浏览

js弹出提示框并跳转页面

1.提示框有两个选择项,点确定跳转,取消停留在原页面ScriptManager.RegisterStartupScript(Page, this.GetType(), "", "<script>if(confirm('请登录?')){location.href='login.aspx'};</script>", false); 2.提示框只有一个确定按钮,跳转到指定页面ScriptManager.RegisterStartupScript(p

asp.net 后台代码跳转页面前弹出提示框

1.Response.Write("<script>alert('查询语句执行出错!');window.location.href=DisplayData.aspx</script>"); 2.Page.RegisterStartupScript("msg", "<script>alert('查询语句执行出错!');window.location.href='DisplayData.aspx'</script>

浏览器不支持javascript,请手动刷新页面!

最近本地的网站突然出现这个莫名其妙的内容~!! 本来是网站导航栏的内容(通过Ajax拉取的) 结果被替换成了这个内容,而且带有js的代码,一直让整个页面在自动刷新 搞得我莫名其妙的,都不知道是什么情况 1 <html> 2 <head> 3 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 4 </head> 5 <noscri

[转] 在Asp.net前台和后台弹出提示框

一.在前台弹出提示框 1.点击“A”标记或者“控件按钮”弹出提示框 <asp:LinkButton ID="lbtnDel" runat="server" OnClientClick='<%# "if(!confirm("你确定退订吗?"))return false;"%>' Text="删除"/> 2.方法二: <asp:LinkButton ID="lbtnDel

MVC中Controller弹出提示框

1.删除时查询是否有先关数据,有提示删除相关数据:成功刷新页面:失败提示删除失败 1 Controller: 2 有相关数据:return RedirectToAction("Index", new { msg = "请先删除相关数据!" }); 3 删除成功:return RedirectToAction("Index"); 4 删除失败:return RedirectToAction("Index", new { msg

经验总结:WebBrowser自动点击弹出提示框alert、弹出对话框confirm、屏蔽弹出框、屏蔽弹出脚本错误的解决办法

经验总结:WebBrowser自动点击弹出提示框alert.弹出对话框confirm.屏蔽弹出框.屏蔽弹出脚本错误的解决办法 网上有好多解决方法,可是不一定好使,本人经过多次试验,针对WebBrowser控件中自动点击弹出框及禁用脚本提示问题得到如下几种实际情况的解决办法,绝对管用. 1.屏蔽弹出错误脚本 将WebBrowser控件ScriptErrorsSuppressed设置为True即可. (参考本篇博客:http://www.cnblogs.com/qqflying/archive/20

JS组件Bootstrap实现弹出框和提示框效果代码

JS组件Bootstrap实现弹出框和提示框效果代码 作者:懒得安分 字体:[增加 减小] 类型:转载 时间:2015-12-08我要评论 这篇文章主要介绍了JS组件Bootstrap实现弹出框和提示框效果代码,对弹出框和提示框感兴趣的小伙伴们可以参考一下 前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编 辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的系统有一个友好的弹出提示框,自然能给用户