ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

简述在Js或Vue中监听页面的刷新、关闭操作

2020-12-10 15:35:36  阅读:319  来源: 互联网

标签:onunload Vue Js onbeforeunload 简述 调用 关闭 执行 页面


主要用到下面两个属性

两者之间的区别

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

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

 

标签:onunload,Vue,Js,onbeforeunload,简述,调用,关闭,执行,页面
来源: https://www.cnblogs.com/qiunanyan/p/14115272.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有