网页切出当前标签页时更改标题状态

小唐同学.

发布于 2022-02-23 18:42:14

1.9K00

代码可运行

文章被收录于专栏：CMS建站教程CMS建站教程

运行总次数：0

代码可运行

今天看到好几个网站切换页面的时候更改了一下网页标签，当切换回去的时候又变成了原来的标签，后面查了一下原来是一个叫visibilityState的js事件

浏览器里当用户切入或切出当前标签页时，会触发visibilitychange事件(IE10以下浏览器不兼容)。这个事件能很好的解决页面在不可见的情况下，通过状态判断针对性减少网络请求、服务器压力等。废话不多说，直接上js

document.addEventListener('visibilitychange', function () {
    if (document.visibilityState == 'hidden') {
        normal_title = document.title;
        document.title = '这里填写你要的填写的东西';
    } else document.title = normal_title;
});

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020 年 11 月，如有侵权请联系 cloudcommunity@tencent.com 删除

网站