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>

  • 相关阅读:
    Http状态吗504问题复盘
    Http状态码502问题复盘
    Nginx服务的基本配置
    mysql修改root密码
    centos7开启80端口及其他端口
    tp5隐藏入口文件(基于nginx)
    使nginx支持pathinfo模式
    laravel-admin 上传图片过程中遇到的问题
    Maven介绍
    java中泛型
  • 原文地址:https://www.cnblogs.com/Spring/p/188067.html
Copyright © 2011-2022 走看看