不想当小白 2021-04-08 10:02 采纳率: 77.8%
浏览 411
已结题

window.onbeforeunload失效，如何解决？是否有替代方法？

问题背景：需要记录某个页面浏览时长，所以想在页面关闭时记录发送ajax请求给后端，传递页面关闭的时间。

 

因此使用了window.onbeforeunload来捕捉页面关闭的动作，但测试了一下发现浏览器并没有执行window.onbeforeunload中的逻辑，判断是onbeforeunload失效

 

请问这种情况该如何解决呢？是否有替代的方法呢？

  • 写回答

1条回答 默认 最新

  • hfhan_872914334 2021-04-08 17:43
    关注

    应该不是onbeforeunload失效，可能是页面关闭的太快了，导致请求没有发送成功，你把请求换成同步的试下

    评论

报告相同问题？

  • 前端JS总结（下）之事件操作
    2024-08-13 06:09
    雷特IT的博客 前端JS总结（下）——关于事件我想分享这些......——终结篇！！
  • 前端需要知道的HTTP知识
    2023-08-22 12:40
    薛定谔的猫96的博客 由于该状态明确禁止更改方法，所以推荐仅将 302 用作 GET 或 HEAD 方法的响应，而在其他时候使用307来替代。在确实需要将重定向请求的方法转换为 GET的场景下，可以使用 303，比如在使用 PUT 方法进行文件上传操作时...
  • 5种实用网页刷新方法详解与应用场景
    2025-11-13 16:19
    作死专业户的博客 - 是前端缓存问题，还是CDN没同步？- 是该清缓存，还是该通知SW更新？搞清楚这些，你才配说出那句轻描淡写的“刷新一下”。毕竟，在这个处处是缓存的世界里，知道如何正确地“重启”也是一种核心竞争力。。
  • DW前端代码汇总
    2021-04-29 10:45
    HCTLTCT的博客 DW前端代码汇总 ==============================前端代码============================ ------------------------------------*标签*--------------------------------- <button></button>--按钮标签 ...
  • 主流框架中DOMContentLoaded事件的实现
    2013-04-12 16:33
    前端攻城的博客 简单的说，这个事件就是要在大多数情况下去替代window.onload事件，因为window.onload事件必须要等待页面所有元素的资源都下载完毕时才触发。 这个事件实际是上w3c推荐的标准事件，是在DOM树建成的时候触发，因此要...
  • 《前端面试题之 Vue 篇（第一集）》
    2025-04-17 13:15
    小白_ysf的博客 2025前端Vue高频面试题
  • vue3 路由缓存导致onBeforeUnmount无效
    2025-11-24 09:00
    Liu.774的博客 以下是解决方案： 问题原因 当组件被 包裹时： 首次加载时触发 onMounted 离开页面时不会触发 onBeforeUnmount 或 onUnmounted 再次进入页面时触发 onActivated（激活） 再次离开时触发 onDeactivated（休眠） 解决...
  • 关于网页截屏的那些事儿～
    2021-07-15 11:04
    「已注销」的博客 为什么要写 ...目前社区上关于截屏这块最成熟的轮子是html2canvas,目前已经有2.3w 的star,它提供了开箱即用的简洁api，能帮助我们很轻易地实现截屏功能，下面贴出官网给出的示例代码，从中可以看到上手十分..
  • 【项目】玄策五子——对战模块和部署
    2026-03-17 15:48
    TT哇的博客 它通过 @SpringBootApplication 注解开启自动配置和组件扫描，并在 main 方法中通过 SpringApplication.run() 启动整个应用。额外定义的静态 context 变量提供了一种在应用任何地方获取 Spring Bean 的便捷（但非...
  • Vue项目中iframe嵌套路由状态持久化方案探索
    2025-10-14 10:46
    tt34567的博客 本文深入探讨了Vue项目在iframe嵌套场景下，如何实现路由状态持久化以解决刷新后页面状态丢失的问题。核心方案采用sessionStorage替代localStorage进行会话级存储，结合Vue Router的全局前置守卫记录路由，并在根...
  • Jquery源码分析
    2017-05-14 02:41
    W_wjl1900的博客 // 站在更高的维度去思考这些复杂的逻辑是为了处理或兼容什么，为什么要这样写，一定会有不一样的收获 // 其次，也是因为这个原因，jQuery 源码存在许多兼容低版本的 HACK 或者逻辑十分晦涩繁琐的代码片段 // ...
  • js
    2019-04-13 14:58
    anj3的博客 查看window对象所有内容console.log(window) 页面加载: onload 页面关闭: onbeforeunload → onunload 页面刷新: onbeforeunload → onunload → onload window.on事件，或 console.log("浏览器中内容的宽度"+...
  • jquery源码_详细中文注释
    2019-02-27 09:05
    huang714的博客 // 站在更高的维度去思考这些复杂的逻辑是为了处理或兼容什么，为什么要这样写，一定会有不一样的收获 // 其次，也是因为这个原因，jQuery 源码存在许多兼容低版本的 HACK 或者逻辑十分晦涩繁琐的代码片段 // 浏览器...
  • 经典HTML前端面试题总结
    2023-05-12 20:06
    与掉发不共戴天的博客 1.5 HTML、XHTML、XML有什么区别1.6 知道img的srcset的作用是什么？1.7 link和@import的区别？1.8 谈谈对BFC的理解 是什么？1.9 html5有哪些新特性，移除了哪些元素？如何处理HTML5新标签的浏览器谦容问题？如何区分...
  • JAVA开发全集
    2016-09-23 16:16
    u神的博客  //6���根据Qname创建相应的节点(QName就是一个带有命名空间的节点)���������ռ��)  QName qname = new QName(" http://java.zttc.edu.cn/webservice ",   "add","ns");// ...
  • jQuery源码分析
    2017-04-21 11:02
    黑面狐 sa~的博客 // 站在更高的维度去思考这些复杂的逻辑是为了处理或兼容什么，为什么要这样写，一定会有不一样的收获 // 其次，也是因为这个原因，jQuery 源码存在许多兼容低版本的 HACK 或者逻辑十分晦涩繁琐的代码片段 // 浏览器...
  • JAVA-WebSocket服务
    2017-12-26 10:15
    Mrmamenghui的博客 本篇文章，基于个人知识的理解和适用环境，如果有异议，可以建议修改，本人不盛感激，谢谢，我只是一只小小的蜗牛。 2017.12.26WebSocket网络通信 WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与...
  • JavaScript中使用showModalDialog实现子页面向父页面传递JSON数据
    2025-11-04 15:47
    运营的小事的博客 然而， JSON.stringify 并非万能，它有明确的限制： 数据类型 是否支持 替代方案 对象、数组、字符串、数字、布尔、null ✅ 支持 —— undefined ❌ 忽略 预先替换为 null 函数 ❌ 忽略 提前移除或转换为字符串描述...
  • 基于dsoframer.ocx实现网页端Word在线编辑完整方案
    2025-10-18 13:09
    韦先波的博客 本文介绍dsoframer.ocx的安装注册、前端调用方法、权限控制及安全配置，并提供实际开发中的代码示例与问题解决方案。同时探讨其兼容性局限，并对比现代Web替代方案，帮助开发者全面掌握文档在线编辑的实现路径。 1. ...
  • 没有解决我的问题, 去提问

问题事件

  • 已结题 （查看结题原因） 1月7日