JavaScript中的onunload不能用的解决办法

JavaScript中的onunload不能用的解决办法决办法

原文地址：JavaScript中的onunload不能用的解决办法

今天学习JavaScript中的onunload事件，然后自己开始试一下效果，大概按照在w3school中看的，写了一下代码，发现并没有什么卵子用，我刚开始写的代码如下：

<script>
window.onunload=function(event){alert("你真的要关闭此网页吗？");
}
</script>

测试结果：正常关闭无提示

后来我就去百度了一下，论坛上面说，用onbeforeunload来替换onunload,后来出现了这个代码

<script>
window.onbeforeunload=function(event){alert("你真的要关闭此网页吗？");
}
</script>

还是没有效果，效果图就不上了
后来才知道，onunload和onbeforeunload都是在页面关闭时销毁页面，而alert()语句，已经被销毁，所以不再执行，直接跳过，可以看下面的图：

图上，当页面执行到onbeforeunload的时候，直接就结束了这个函数，没有执行alert()语句
那怎么解决不弹出的问题的，我们再试一个语法：event.teturnValue

event.teturnValue：当捕捉到事件(event)时，判断为false，则阻止当前事件继续运行

onunload结合event.teturnValue

<script>
window.onunload=function(event){event.returnValue = false;
}
</script>

结果：无效果
onbeforeunload结合event.teturnValue

<script>
window.onunload=function(event){event.returnValue = false;
}
</script>

结果：当页面关闭时弹出框框

在线预览地址：点我预览

html文件下载：JavaScript中的onunload不能用的解决办法.html

JavaScript中的onunload不能用的解决办法相关推荐

Javascript中this指向丢失原因及解决办法详解
大家都知道JS中的this关键字通常出现在函数或者方法中,用来指向调用该函数或者方法的对象.但是在很多时候this的指向却并不总是如我们所愿,这一篇文章就一起来看看到底该如何判断this所指向的对象, ...
把myeclipse中的web项目导入eclipse中不能编程web项目的解决办法
title: 把myeclipse中的web项目导入eclipse中不能编程web项目的解决办法 tags: grammar_cjkRuby: true --- 右键单击项目,properties-- ...
[总结]jsp完成文件上传中遇到的“法克”路径解决办法
在web工程中完成文件上传,需要在jsp页面上写上如下一个控件: <input type="file" id="f" name="f" ...
jar中没有主清单属性【解决办法】
<main><script type="text/javascript"> var blogSensitiveWords = ""; j ...
使用webpack打包后，vscode中vue代码变白色的解决办法
使用webpack打包后,vscode中vue代码变白色的解决办法卸载vetur,重装vetur
java手机界面太小_手机端页面在项目中遇到的一些问题及解决办法
原标题:手机端页面在项目中遇到的一些问题及解决办法来源:键盘上的眼泪 segmentfault.com/a/1190000015178877 1.解决页面使用overflow: scroll在iOS ...
Maven中 jar包冲突原理与解决办法依赖传递
Maven中 jar包冲突原理与解决办法&依赖传递管理包依赖是 Maven 核心功能之一,下面通过如何引入 jar 包:如何解析 jar 包依赖:包冲突是如何产生:如何解决包冲突:依赖管理解 ...
工作总结 EntityFramework中出现DateTime2异常的完美解决办法
EntityFramework中出现DateTime2异常的完美解决办法今天在使用entityframework往数据库插入数据的时候,突然出现了一个数据类型转换异常的问题: System.Data ...
C中不安全的函数以解决办法汇总
C中不安全的函数以解决办法汇总 C 中大多数缓冲区溢出问题可以直接追溯到标准 C 库.最有害的罪魁祸首是不进行自变量检查的.有问题的字符串操作(strcpy.strcat.sprintf 和 gets ...

JavaScript中的onunload不能用的解决办法

JavaScript中的onunload不能用的解决办法相关推荐

最新文章

热门文章