网页代码-切换换标签离开当前页面时改变网站title小提示

前言
记录一下看到许多网页在切换页面时,浏览器显示的title会自动改变,以下两种方法可以根据具体需求,来选择和使用

实现方法
以下两种均都是通过JavaScript来实现title的改变,加在统计代码处就可以

  • 第一种,稍简单的
    <script>
        document.addEventListener('visibilitychange', function () {
        if (document.visibilityState == 'hidden') {
            normal_title = document.title;
            document.title = '别走,快回来!';//替换为你想要的即可
        } else document.title = normal_title;
    });
    </script>
    • 第二种
    • <script>
          var OriginTitile = document.title;
          var titleTime;
          document.addEventListener('visibilitychange', function() {
              if (document.hidden) {
                  document.title = '(つェ⊂)我藏好了哦~ ' + OriginTitile;
                  clearTimeout(titleTime);
              }
              else {
                  document.title = '(*´∇`*) 被你发现啦~ ' + OriginTitile;
                  titleTime = setTimeout(function() {
                      document.title = OriginTitile;
                  }, 2000);
              }
          });
      </script>

       

内容看完了
© 版权声明
1:本网站名称:蜡笔傻新
2:本站永久网址:https://labishaxin.com/
3:本站部分内容收集于互联网,如果有侵权内容、请联系我们删除,不妥之处,敬请谅解
4:本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责
5:本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6:本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新
点赞1174赞赏 分享
评论 抢沙发

请登录后发表评论