关闭浏览器弹出提示的兼容问题陈述

最新推荐文章于 2022-02-17 18:06:20 发布
最新推荐文章于 2022-02-17 18:06:20 发布
阅读量719 收藏
点赞数
文章标签： 兼容问题 onbeforeunload
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangdao1212/article/details/24326259
版权

代码一： 在IE好使，在qq浏览器不好使

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>nihao</title>
<script language="javascript">
function htmer()
{
 alert("欢迎再次光临！");
}
</script>
</head>

<body οnbefοreunlοad="return htmer();">
</body>
</html>

代码二： 在IE好使，在qq浏览器不好使

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>nihao</title>
<script language="javascript">
window.onbeforeunload = function()
{
var n = window.event.screenX - window.screenLeft;
var b = n > document.documentElement.scrollWidth-20;
if(b && window.event.clientY < 0 || window.event.altKey)
{
alert("是关闭而非刷新");
window.event.returnValue = "dsfdsf"; // 这里可以放置你想做的操作代码
}else
{
alert("是刷新而非关闭");
}
}
</script>
</head>

<body>
</body>
</html>

代码三： 在IE好使，在qq浏览器不好使

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>nihao</title>
<script language="javascript">
function getEvent() {

if(document.all) return window.event;

func = getEvent.caller;

while(func != null) {

var arg0 = func.arguments[0];

if(arg0) {

if((arg0.constructor == Event || arg0.constructor == MouseEvent) || (typeof(arg0) == "object" && arg0.preventDefault && arg0.stopPropagation)) return arg0;

}

func = func.caller;

}

return null;

}

function ConfirmClose() {

if(window.event)

window.event.returnValue = "确认关闭？";

else

getEvent().preventDefault();//for firefox

}

window.onbeforeunload = function() {

ConfirmClose();

}


</script>
</head>

<body>
</body>
</html>

代码四： 在IE好使，在qq浏览器好使，但是不能定住，出来了提示语，没等点确定按钮，浏览器就关掉了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>nihao</title>
<script type="text/javascript"> 
function close(evt) //author: sunlei 
{ 
    var isIE=document.all?true:false; 
   evt = evt ? evt :(window.event ? window.event : null); 
    if(isIE){//IE浏览器 
        var n = evt.screenX - window.screenLeft; 
       var b = n > document.documentElement.scrollWidth-20; 
        if(b && evt.clientY<0 || evt.altKey){
  alert(1); 
           alert("是关闭而非刷新1"); 
      window.event.returnValue = "确认关闭？";

        } 
       else{ 
    alert(2);
            alert("是刷新而非关闭1"); 

        } 
    } 
    else{//火狐浏览器 
        if(document.documentElement.scrollWidth!=0) {
           alert("是刷新而非关闭2"); 
     alert(2);

     }
       else {
           alert("是关闭而非刷新2");

     } 
    } 
} 
</script>
</head>

<body οnunlοad="close(event);">
</body>
</html>

代码五： 在IE好使，在qq浏览器好使，但是不能定住，出来了提示语，没等点确定按钮，浏览器就关掉了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>nihao</title>
<script type="text/javascript"> 
$(window).bind('beforeunload',function(){
      if ( /Firefox[\/\s](\d+)/.test(navigator.userAgent) && new Number(RegExp.$1) >= 4) {
          if(confirm('您的内容尚未保存，确定要离开本页吗？')){
              history.go();
          } else{
              window.setTimeout(function() { window.stop(); }, 1);
          }
      } else{
          return '您的内容尚未保存，确定要离开本页吗？';
      }
    });

</script>
</head>

<body οnunlοad="close(event);">
</body>
</html>

代码六： 在IE好使，在qq浏览器刷新好使，关闭不好使

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>nihao</title>
<script>
var UnloadConfirm = {};
UnloadConfirm.MSG_UNLOAD = "数据尚未保存，离开后可能会导致数据丢失\n\n您确定要离开吗？";
UnloadConfirm.set = function(a) {
    window.onbeforeunload = function(b) {
        b = b || window.event;
        b.returnValue = a;
        return a
    }
};
UnloadConfirm.clear = function() {
    fckDraft.delDraftById();
    window.onbeforeunload = function() {}
};
UnloadConfirm.set(UnloadConfirm.MSG_UNLOAD);


</script>


</head>


<body >
</body>
</html>

 代码七： 在IE好使，在qq浏览器刷新好使，关闭不好使

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>nihao</title>
<script>
function getEvent() //同时兼容ie和ff的写法， 这个方法是网上copy的
    {
        if(document.all)   return window.event;
        func=getEvent.caller;
        while(func!=null){
            var arg0=func.arguments[0];
            if(arg0)
            {
                if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation))
                {
                    return arg0;
                }
            }
            func=func.caller;
        }
        return null;
    }
    function ConfirmClose() {
        if(window.event)
            window.event.returnValue = "在关闭窗口前确认您是否已经保存了信息！";
        else
              getEvent().preventDefault();//for firefox    
     }
    function on_page_loaded()   //自己定义的body的onload事件　
    {
        try{
            if(!window.onbeforeunload )    //为了不覆盖原来的onbeforeunload方法，先判断
                window.onbeforeunload = ConfirmClose;   //todo 增加了窗口关闭前的提示 31.       
    }catch(e){}
    }

 


</script>

</head>

<body onload = on_page_loaded()>
</body>
</html>

 

 

 

 

wangdao1212
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
layer弹出层组件-其他
06-13
在与同类弹出层插件的比较中，layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能，且格外注重性能的提升、易用和实用性，正因如此，越来越多的开发者将媚眼投上了layer。layer兼容了包括IE6在内的所有...
js监听浏览器,关闭,刷新（兼容IE6+,Firefox,Chrome,Safari）
cwisme的专栏
01-10 5097
http://www.foolerp.com/knowledge-view-136.html js阻止浏览器关闭 刷新、js监听浏览 关闭 刷新；对Alt+F4 、右键关闭 都起作用 var UnloadConfirm = {}; UnloadConfirm.MSG_UNLOAD = "数据尚未保存，离开后可能会导致数据丢失\n\n您确定要离开吗？"; UnloadConfir
JS控制浏览器刷新或退出显示提示语句
zhengyikuangge的博客
10-17 2416
var UnloadConfirm = {}; UnloadConfirm.MSG_UNLOAD = "数据尚未保存，离开后可能会导致数据丢失\n\n您确定要离开吗？"; UnloadConfirm.set = function(a) { window.onbeforeunload = function(b) {
浏览器带确定取消的提示框confirm的使用
m0_47587616的博客
05-09 4406
confirm的使用为什么使用confirm简单介绍一下alert介绍一下confirm()补充 为什么使用confirm 很多时候我们需要在弹出提示的时候根据用户的选择再做出一些操作，可能很多人和我一样，一直以为浏览器的弹窗只有 alert() 一种方式，今天来给大家介绍一下带确定和取消的提示框 confirm() 简单介绍一下alert 我们经常使用的 alert() ，一般都是在查看我们js中的返回值，或者测试点击功能时候使用的，例如 <input type="button" onclick="
问题陈述1
08-03
问题陈述1
问题陈述
03-02
问题陈述
Health_Insurence_Crosssell_Prediciton:问题陈述
04-12
问题陈述： 我们的客户是一家保险公司，该公司已经向其客户提供了健康保险，现在他们需要您的帮助来建立模型来预测过去一年的保单持有人（客户）是否也会对该公司提供的车辆保险感兴趣。 保险单是公司承诺为特定...
经纪人服务子系统-问题陈述1
08-08
该系统可以提示经纪人当日的作业内容，包括客户联络、委托事务、工作计划和工作指令、留言、客户投诉等内容；查询客户访谈记录、记录客户联络方式、问题、处理方法、处理结
页面关闭弹出提示并注销登录（兼容主流浏览器）
零雨其蒙
07-19 664
这是多么普遍而又正常的需求啊，然而在多浏览器时代，这又是多么难做啊~~（我不是FE，我是Java工程师）   目前这个代码能够兼容以下浏览器（我亲测过的）：   IE8，Chrome12，Firefox5，Safari4   应该也能支持以下浏览器：   IE7，Chrome8以后的版本，Firefox3.6,4   由于我们的系统不支持IE6，因此就不考虑这个问题了，估计应该没啥问题。   由于...
javascript弹出浏览器的三种提示框：提示信息框、确认框、输入文本框
热门推荐
EGeek
09-27 6万+
浏览器的三种提示框： alert()提示信息框 confirm()提示确认框 prompt()提示输入文本框   1、alert()提示信息框 效果: 实现代码： &lt;script&gt; alert("Hello"); &lt;/script&gt;   2、confirm()提示确认框 效果: 实现代码： &lt;...
浏览器兼容性问题总结
越努力，越幸运！
02-17 2306
1、HTML对象获取问题 其他浏览器： document.getElementById("idName"); IE浏览器： document.idname document.getElementById("idName"); 解决办法： document.getElementById("idName"); 2. const定义常量问题 其他浏览器： document.getElementById("idName"); IE浏览器： document.idname doc..
在javascript中的常见浏览器兼容问题以及兼容浏览器汇总，以及解决方式详解（默认事件，阻止冒泡，事件监听。。。）
weixin_43752578的博客
09-07 706
在javascript中常见的浏览器兼容问题，以及解决方式。 在前端工作当中我们遵循这样的原则：渐进增强和优雅降级 渐进增强(progressive enhancement): 针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验 优雅降级(graceful degradation): 一开始就构建完整的功能，然后再针对低版本浏览器进...
在用户刷新或者关闭浏览器时弹框提示用户(兼容IE和Firefox)
linghao00的专栏
09-29 801
var confirm_msg="-------------\n如果选择离开，您的数据将得不到保存，您确定离开吗？\n-------------"; window.onbeforeunload = function(event){ event = event || windo
高校教材购销系统问题陈述
最新发布
05-29
高校教材购销系统主要存在以下问题： 1. 教材订购流程繁琐，需要手动填写表格并进行多次审核。 2. 教材库存管理不够及时，无法及时更新库存信息。 3. 教材采购和销售信息的统计和分析工作需要大量的人力和时间。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值