zoukankan
html css js c++ java
在用户离开页面(刷新、后退、关闭等)时提示信息
有时候在编辑页面用户做修改后,可能会有刷新、关闭等误操作造成当前页面信息的丢失,
何不先提醒一下用户呢?实例代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Confirm Before Leave</title> <script language="javascript" type="text/javascript"><!-- var pb_strConfirmCloseMessage; var pb_blnCloseWindow = false; pb_strConfirmCloseMessage ="您真的要离开本页吗?"; function ConfirmClose() { window.event.returnValue = pb_strConfirmCloseMessage; pb_blnCloseWindow = true; } function ShowConfirmClose(blnValue) { if(blnValue) { document.body.onbeforeunload = ConfirmClose; } else { document.body.onbeforeunload = null; } } //--> </script> </head> <body onload="ShowConfirmClose(true);"> <input type=button value="提示" onclick="ShowConfirmClose(true);"> <input type=button value="不提示" onclick="ShowConfirmClose(false);"> <input type=button value="测试刷新" onclick="window.location.reload();"> </body> </html>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
青苹果Web应用商店
https://webapp.taobao.com/
PHP/ASP.NET/ASP/UCHOME/DISCUZ! X系列网站开发,详细需求联系
QQ:8511978
查看全文
相关阅读:
“铁大失物帮”Alpha版使用说明
绩效评估
改进方案评论
意见汇总
对其他团队项目的意见和建议
冲刺周期
属于我的专属博客团队地址
第一个冲刺周期-第三天
第一个冲刺周期-第二天
动手动脑与动手
原文地址:https://www.cnblogs.com/Dicky/p/175910.html
最新文章
JavaScript计算时间前一天跟后一天
前端大概学习得知识
Vue动态路由
第四天 express框架安装和使用
第三天 npm包管理
第二天 fs模块的读取与写入例案
第一天 node概念与搭建服务器
uni-app使用wx-canvas实现微信小程序上显示地图map和坐标geo
Element
vue3.x版本路由router跳转+传参
热门文章
前端学习网站整理
vue中Element-ui样式修改
微信小程序API接口封装
微信支付功能流程简单记录
Vue-cli4.xPC端项目Rem适配
VUE项目实现主题切换
Vue脚手架最新版本安装使用
团队博客声明及以往团队博客链接
Beta版阶段项目总结
课堂讨论--beta版总结讨论
Copyright © 2011-2022 走看看