位置: 编程技术 - 正文

浅谈javascript中onbeforeunload与onunload事件(js中onunload)

编辑:rootadmin

推荐整理分享浅谈javascript中onbeforeunload与onunload事件(js中onunload),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js的onchange方法如何触发,javascript none,js中onchange啥意思,js中的onchange,js的onchange方法如何触发,js中的onload什么意思,js的onchange方法如何触发,javascript none,内容如对您有帮助,希望把文章链接给更多的朋友!

在最近的项目中,需要做到一个时间,就是用户离开页面的时候,我需要缓存页面其中一部分的内容,但是我不需要用户刷新的时候也缓存,我只希望在我用户离开的时候

执行这个函数。百度之,有onbeforeunload与onunload这两个事件,但是onbeforeunload在用户刷新的时候也会执行。搞得我弄的挺久的,所以想在这里做一个小小的总结

onbeforeunload与onunload事件

onbeforeunload定义和用法

onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。

该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。

对话框默认的提示信息根据不同的浏览器有所不同,标准的信息类似 "确定要离开此页吗?"。该信息不能删除。

但你可以自定义一些消息提示与标准信息一起显示在对话框。

注意: 如果你没有在 <body> 元素上指定 onbeforeunload 事件,则需要在 window 对象上添加事件,并使用 returnValue 属性创建自定义信息(查看以下语法实例)。

注意: 在 Firefox 浏览器中,只显示默认提醒信息(不显示自定义信息)。

使用方法:

或者:

事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。当然你可以自定义提示文本。

那么,当我只需要在我离开时执行这个函数,而刷新的时候不执行,那怎么做呢?

 这样,我离开页面时,可以执行我的缓存代码,而不弹出提示框,我刷新时也不弹出提示框,也不执行。值得一提的时,这个时候,要将ajax设置为同步,即:ajax里面的 async改为: false;

浅谈javascript中onbeforeunload与onunload事件(js中onunload)

浏览器兼容情况

IE、Chrome、Safari 完美支持

Firefox 不支持文字提醒信息

Opera 不支持

IE6,IE7 使用 onbeforeunload 遇到的bug

2、onunload定义和用法

onunload 事件在用户退出页面时发生。

使用方法和onbeforeunload类似

浏览器兼容情况

IE6,IE7,IE8 中 刷新页面、关闭浏览器之后、页面跳转之后都会执行;

IE9 刷新页面 会执行,页面跳转、关闭浏览器不能执行;

firefox(包括firefox3.6) 关闭标签之后、页面跳转之后、刷新页面之后能执行,但关闭浏览器不能执行;

Safari 刷新页面、页面跳转之后会执行,但关闭浏览器不能执行;

Opera、Chrome 任何情况都不执行。

总结

Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。   Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的。而 Onbeforeunload 可以做到。

页面加载时只执行onload 页面关闭时先执行onbeforeunload,最后onunload 页面刷新时先执行onbeforeunload,然后onunload,最后onload。

javascript中new关键字详解 和其他高级语言一样javascript中也有new关键字,我们以前认知的new是用来创建一个类的实例对象,但在js中万物皆是对象,为何还要new关键字呢,其实js中

javascript中的3种继承实现方法 使用Object.create实现类式继承下面是官网的一个例子//Shape-superclassfunctionShape(){this.x=0;this.y=0;}Shape.prototype.move=function(x,y){this.x+=x;this.y+=y;console.info("Shapemoved.

JavaScript中的this,call,apply使用及区别详解 学习起因:在之前的JavaScript学习中,this,call,apply总是让我感到迷惑,但是他们的运用又非常的广泛。遂专门花了一天,来弄懂JavaScript的this,call,apply。中

标签: js中onunload

本文链接地址:https://www.jiuchutong.com/biancheng/369960.html 转载请保留说明!

上一篇:JavaScript的代码编写格式规范指南(javascript的代码写在哪里)

下一篇:javascript中new关键字详解(js new option)

  • 销售部门使用的管理设备计提的折旧应计入的账户为
  • 物业管理费专票可以抵扣吗
  • 公司付给中间人居间费用如何纳税
  • 年报资产总额是期末余额吗
  • 汇算清缴税费怎么入账
  • 集资款利息走什么科目
  • 委托境外研发费用不超过境内符合条件的研发费用
  • 借款业务的会计分录
  • 公司无收入费用如何做账务处理核算?
  • 盈余公积的用途是什么
  • 工地水电包公包料的细节
  • 来料加工账务处理办法
  • 预收账款转收入附单据吗
  • 筹备期会计分录
  • 差错更正要调去年的吗
  • 一个月怎么控制花一千块
  • 房地产教育培训
  • 车间未完工的产品属于什么
  • 研发费用研究阶段的支出计入
  • 支付员工补偿金计入管理费用的福利费用吗
  • 记账凭证保存年限2019
  • 标准误和标准差的区别和联系
  • 房地产工程质量检测费计入什么科目
  • 增值税普通发票几个点
  • 小微企业工会
  • 代销返点如何进行会计处理?
  • 个人业务费是什么
  • 领用原材料用于职工福利的税费怎么算
  • 猜单词游戏代码
  • 财务冲抵如何处理
  • 个税多缴纳如何低下个月的税
  • 向职工集资计入收入吗
  • 资产评估增值额
  • 其他货币资金属于资产类科目
  • 办理不动产证需要什么手续及证件
  • 稳岗补贴支付范围
  • 衍生工具主要用途
  • javascriptjs
  • 库存周转率会大于1吗
  • 保险费的增值税税率
  • mysql可以存什么
  • 详解sql基础语法实验报告
  • day10-Tomcat02
  • 游戏公司不开票怎么缴税
  • 资产减值损失包括什么
  • 开民工工资专户函模板
  • 小规模纳税人应交增值税明细科目
  • T-SQL语句修改数据表属性
  • 入库的残料价值包括哪些
  • 春节重要通知发放工资
  • 其他业务收入借贷方向表示
  • 退款产生的手续费怎么算
  • 现金收款的程序是什么
  • 股权投资业务是什么意思
  • 结转资金和结余资金的含义
  • 注销公司需要多长时间完成
  • 商品型企业
  • sql语句百度百科
  • ubuntu20.04命令
  • 如何重设苹果手机的ID密码
  • centosgui
  • ini文件是什么意思
  • linux修改用户名
  • sdl_init
  • fpx是什么文件格式
  • windows8.1开机
  • linux在实际工作中的应用
  • js实现倒计时60s
  • jquery validate demo 基础
  • 根据两点的经纬度计算航向角
  • cocos2dx怎么用
  • unity寻路系统
  • shell判断文件
  • jquery.handleerror
  • nodejs增删改查
  • 安卓端数据库
  • 安卓hid通信
  • 延安市地方税务局电话
  • 贵州电子税务局app下载
  • 南宁税务局进面分数线
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设