js判断页面title的标题文字

最新推荐文章于 2024-06-26 14:30:29 发布

前端-文龙刚

最新推荐文章于 2024-06-26 14:30:29 发布

阅读量350

点赞数

分类专栏： Javascript 文章标签： java html 服务器

本文链接：https://blog.csdn.net/qq_17211063/article/details/128314127

版权

Javascript 专栏收录该内容

84 篇文章 1 订阅

订阅专栏

场景：当打开当前页的时候，当前页面的title标题是 “我又来了”

当离开当前页的时候，当前页的title标题是 “藏好了”效果

在当前页时

离开当前页，打开另一个页签时

具体代码如下：

<!DOCTYPE html>
<html>
 
<head>
    <meta charset="utf-8">
    <title></title>
</head>
 
<body>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script>
    $(document).on('visibilitychange', function(e) {
        if (e.target.visibilityState === "visible") {
            document.title = '我又来啦!';
        } else if (e.target.visibilityState === "hidden") {
            document.title = '藏好啦!';
        }
    });
    </script>
</body>
 
</html>