前端学习之js学习之onunload

最新推荐文章于 2023-02-28 19:57:04 发布
最新推荐文章于 2023-02-28 19:57:04 发布
阅读量577 收藏
点赞数
分类专栏： 前端开发 文章标签： web前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangyali00/article/details/52848760
版权

本来一直在学习菜鸟窝的《仿京东淘宝》实践项目，被领导告知要求学前端

于是去慕课网参加的前端工程师路径的学习慕课网web前端学习路径

今天学习到JavaScript进阶篇中的卸载事件onunload

文中的介绍是“当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。”

但是按照它上面的例子写了之后发现刷新和关闭都不会调用onunload

翻了翻一下的评论，按照这个赞数最高评论的内容，发现onbeforeunload事件会在刷新的时候调用，而且一打开页面就会调用

我写的代码如下


大神们的答疑解惑


AriesLili
关注
专栏目录
【前端之旅】JavaScript学习笔记
孙不坚1208
07-16 847
JavaScript高效学习笔记
【前端之旅】uni-app学习笔记
孙不坚1208
08-03 1397
uni-app学习笔记—孙不坚1208 uni-app 官方网页是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。
JS监听关闭浏览器事件之Onunload与Onbeforeunload
04-07
NULL 博文链接：https://primarykeylw.iteye.com/blog/1568120
JS之onunload、onbeforeunload事件详解
weixin_34221773的博客
11-03 885
简介 onunload，onbeforeunload都是在刷新或关闭时调用，可以在<script>脚本中通过 window.onunload来调用。区别在于onbeforeunload在onunload之前执行，它还可 以阻止onunload的执行。 onbeforeunload 是正要去服务器读 取新的页面时调用，此时还没开始读取；而onunload则已经从服务器上读到了需要加载...
javascript   卸载事件（onunload）
weixin_33971205的博客
09-09 449
当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用 的程序。 注意：不同浏览器对onunload事件支持不同。 如下代码,当退出页面时，弹出对话框“您确定离开该网页吗？”。如图： 运行结果：（IE浏览器）个人补充以下几点：浏览了下其他的网页，自己总结了下，不对的地方多多指教卸载事件通俗的讲，就是离开当前网页...
js中unload什么意思_JS之onunload、onbeforeunload事件详解
weixin_39913117的博客
12-21 1038
简介onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过 window.onunload来调用。区别在于onbeforeunload在onunload之前执行，它还可 以阻止onunload的执行。onbeforeunload 是正要去服务器读 取新的页面时调用，此时还没开始读取；而onunload则已经从服务器上读到了需要加载的新的页面，在即将替换掉当前页面时调...
js当中onunload 事件
12-30 795
定义和用法 onunload 事件在用户退出页面时发生。 语法 onunload="SomeJavaScriptCode" 参数 描述 SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。 支持该事件的 HTML 标签： , 支持该事件的 JavaScript 对象： window 实例 在本例中，在页面关
前端学习笔记——JavaScript
weixin_41933147的博客
09-14 259
一、JavaScript基础 1.JavaScript介绍 JavaScript是互联网上最流行的脚本语言，可用于Web和HTML，也可广泛用于服务器、PC端、移动端。 JavaScript脚本语言：   JavaScript是一种轻量级的编程语言   JavaScript是可插入HTML页面的编程代码   JavaScript插入HTML页面后，可由所有的浏览器执行 2.JavaScript实现...
前端学习笔记——JavaScript（五）事件
qq_44228263的博客
03-11 263
dsgd
前端面试题之——小程序篇
最新发布
qq_43648865的博客
02-28 1426
，最后 wx.miniProgram.navigateTo({url: ‘/pages/login/login’+‘$params’}) wx.miniProgram.navigateTo({url: ‘/path/to/page’}) webview 的页面怎么跳转到小程序导航的页面？注意不能有大写字母，不可以存放对象 跳转页面时通过 navigator 传递需要的参数值 设置 id 的方法标识，通过 e.currentTarget.id 获取设置的 id 值，然后通过设置全局变量的方法来传 递数值。
Javascript的onbeforeunload onunload事件
Dev-Liangjian的博客
04-26 592
简介 onunload，onbeforeunload都是在页面刷新或关闭时调用。 区别在于 onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。 onbeforeunload 是正要去服务器读取新的页面时调用，此时还没开始读取； 而onunload则已经从服务器上读到了需要加载的新的页面，在即将替换掉当前页面时调用。 onunload事件 onunloa...
我写了一个 js的onunload方法，但是在刷新页面的时候。会有个弹窗，然后我的方法就失效了...
weixin_35757531的博客
01-11 245
onunload 方法是在用户离开页面(如点击链接、在地址栏中输入新网址或刷新页面)时执行的 JavaScript 函数。当刷新页面时，浏览器会先提示用户是否确定刷新，如果用户确认刷新，则会执行 onunload 方法。如果在弹窗中用户点击了取消按钮，那么onunload事件不会被触发 你可以考虑使用 beforeunload 事件 来取代 onunload. ...
js中onload与onunload妙用(转载）
chensq1129的专栏
08-24 847
js中onload与onunload妙用(转载） 引言：今天周末没事，就想起前面自己做的一个B2C的电子商务平台，还有些一些地方没有完善，就想着完善，嗯，问题是这样的，在电子商务平台中有这样一个场景，我将购物车放置在Session中，使其在整个购物的过程中都能从Session中得到购物车模型，我在购物车某型中有的商品都会在数据库中减少其购物车中购买的数量，但是如果我关闭窗口，怎样让Sessi
原生js的onload和onunload
u010234868的专栏
07-28 869
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> // var box = document.getElementById('box'); // console.dir(box); // null 代码由上向下执行，此时box元素还未被创建 // BOM onlo.
js中onload与onunload的使用示例
JackLiu16的博客
01-13 1411
onload与onunload想必大家并不陌生吧，下面为大家演示下js中onload与onunload的妙用，感兴趣的朋友可以参考下，希望对大家有所帮助 引言：  今天周末没事，就想起前面自己做的一个B2C的电子商务平台，还有些一些地方没有完善，就想着完善，嗯，问题是这样的，在电子商务平台中有这样一个场景，我将购物车放置在Session中，使其在整个购物的过程中都能从Session中得到购物车模...
原生JS里的onbeforeunload与onunload事件
AloneAsFoam的博客
08-14 768
onbeforeunload与onunload事件都是离开当前页面或者刷新页面时执行； 这两个函数都必须有返回值，可以是一个函数或者字符串， onbeforeunload用法： window.onbeforeunload=function(){     return fn(); }; onbeforeunload方法当刷新、关闭或者跳转当前页面时会弹出提示框，点击确定后才会继续执行下面
JavaScript 入门之onload,onunload
u011333814的专栏
03-02 972
onload 和onunlode事件会在用户进入或离开页面时被触发。 onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。 onload 和onunload事件可用于处理cookie. function checkCookies() { if (navigator.cookieEnabled) { alert("已启用 cookie
<转>js onload/onunload/onbeforeunload事件
凤歌
12-16 998
js onload/onunload/onbeforeunload事件
JavaScript的onunload()方法在关闭页面时不执行
热门推荐
microcosmv的博客
07-18 1万+
以下仅确定适用于IE11。 解决办法：将onunload()方法换为onbeforeunload()。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值