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

最新推荐文章于 2022-02-17 18:06:20 发布
最新推荐文章于 2022-02-17 18:06:20 发布
阅读量742 收藏
点赞数
文章标签： 兼容问题 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
关注
layer弹出层组件-其他
06-13
在与同类弹出层插件的比较中，layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能，且格外注重性能的提升、易用和实用性，正因如此，越来越多的开发者将媚眼投上了layer。layer兼容了包括IE6在内的所有...
JS控制浏览器刷新或退出显示提示语句
zhengyikuangge的博客
10-17 2460
var UnloadConfirm = {}; UnloadConfirm.MSG_UNLOAD = "数据尚未保存，离开后可能会导致数据丢失\n\n您确定要离开吗？"; UnloadConfirm.set = function(a) { window.onbeforeunload = function(b) {
js监听浏览器,关闭,刷新（兼容IE6+,Firefox,Chrome,Safari）
cwisme的专栏
01-10 5203
http://www.foolerp.com/knowledge-view-136.html js阻止浏览器关闭 刷新、js监听浏览 关闭 刷新；对Alt+F4 、右键关闭 都起作用 var UnloadConfirm = {}; UnloadConfirm.MSG_UNLOAD = "数据尚未保存，离开后可能会导致数据丢失\n\n您确定要离开吗？"; UnloadConfir
问题陈述
03-02
在IT行业中，问题陈述（Problem Statement）是项目开发或故障排查过程中的重要环节。它清晰地定义了存在的问题，为后续的解决方案设计、实施和评估提供了基础。问题陈述的目的是确保所有相关人员对问题有共同的理解...
问题陈述1
08-03
问题陈述1
Health_Insurence_Crosssell_Prediciton:问题陈述
04-12
问题陈述： 我们的客户是一家保险公司，该公司已经向其客户提供了健康保险，现在他们需要您的帮助来建立模型来预测过去一年的保单持有人（客户）是否也会对该公司提供的车辆保险感兴趣。 保险单是公司承诺为特定...
Customer_Segmentation:问题陈述
04-17
本项目标题为"Customer_Segmentation:问题陈述"，这表明我们将探讨如何通过数据分析对客户群体进行细分。 在描述中提到，公司希望推出新产品，而理解客户的购买模式是这个过程中的核心。购买模式分析可以帮助企业...
关闭浏览器窗体时弹出提示框较完美解决方法
weixin_30480583的博客
12-06 905
<script language="javascript"> //只有点右上角X的时候弹出提示,让用户确认(是否关闭) //解决了onbeforeunload()函数在刷新页面也弹出的问题) //而且无需再body中加载 function window.onbeforeunload() { if(event.clientX>360&&event.cli...
javascript弹出浏览器的三种提示框：提示信息框、确认框、输入文本框
热门推荐
EGeek
09-27 6万+
浏览器的三种提示框： alert()提示信息框 confirm()提示确认框 prompt()提示输入文本框   1、alert()提示信息框 效果: 实现代码： &lt;script&gt; alert("Hello"); &lt;/script&gt;   2、confirm()提示确认框 效果: 实现代码： &lt;...
页面关闭弹出提示并注销登录（兼容主流浏览器）
零雨其蒙
07-19 695
这是多么普遍而又正常的需求啊，然而在多浏览器时代，这又是多么难做啊~~（我不是FE，我是Java工程师）   目前这个代码能够兼容以下浏览器（我亲测过的）：   IE8，Chrome12，Firefox5，Safari4   应该也能支持以下浏览器：   IE7，Chrome8以后的版本，Firefox3.6,4   由于我们的系统不支持IE6，因此就不考虑这个问题了，估计应该没啥问题。   由于...
在javascript中的常见浏览器兼容问题以及兼容浏览器汇总，以及解决方式详解（默认事件，阻止冒泡，事件监听。。。）
weixin_43752578的博客
09-07 850
在javascript中常见的浏览器兼容问题，以及解决方式。 在前端工作当中我们遵循这样的原则：渐进增强和优雅降级 渐进增强(progressive enhancement): 针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验 优雅降级(graceful degradation): 一开始就构建完整的功能，然后再针对低版本浏览器进...
浏览器带确定取消的提示框confirm的使用
m0_47587616的博客
05-09 4865
confirm的使用为什么使用confirm简单介绍一下alert介绍一下confirm()补充 为什么使用confirm 很多时候我们需要在弹出提示的时候根据用户的选择再做出一些操作，可能很多人和我一样，一直以为浏览器的弹窗只有 alert() 一种方式，今天来给大家介绍一下带确定和取消的提示框 confirm() 简单介绍一下alert 我们经常使用的 alert() ，一般都是在查看我们js中的返回值，或者测试点击功能时候使用的，例如 <input type="button" onclick="
浏览器兼容性问题总结
越努力，越幸运！
02-17 2556
1、HTML对象获取问题 其他浏览器： document.getElementById("idName"); IE浏览器： document.idname document.getElementById("idName"); 解决办法： document.getElementById("idName"); 2. const定义常量问题 其他浏览器： document.getElementById("idName"); IE浏览器： document.idname doc..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值