友人C

使用js实现离开和进入页面时改变title和ico图标
介绍 实现离开当前标签页面,会改变ico图标和标题!见本博客即可
扫描右侧二维码阅读全文
26
2016/08

使用js实现离开和进入页面时改变title和ico图标

介绍

实现离开当前标签页面,会改变ico图标和标题!见本博客即可

代码

<script>
var OriginTitile = document.title,
titleTime;
document.addEventListener("visibilitychange",
function() {
    if (document.hidden) {
        $('[rel="shortcut icon"]').attr("href", "//www.dreamwings.cn/queue/wp-content/uploads/2016/05/fail.ico");
        document.title = "页面已崩溃!点击恢复!";
        clearTimeout(titleTime)
    } else {
        $('[rel="shortcut icon"]').attr("href", "//www.ihewro.com/favicon.ico");
        document.title = "(/≧▽≦/)咦!又好了! " + OriginTitile;
        titleTime = setTimeout(function() {
            document.title = OriginTitile
        },
        2000)
    }
});
</script>

使用方法

  • 把这段js加到header.php(typecho博客)</body>的前面即可。
  • 把其中的两个ico图标换成你自己的即可!
最后修改:2016 年 10 月 29 日 05 : 31 PM
如果觉得我的文章对你有用,请随意赞赏

11 条评论

  1. Sun丶

    支持支持,博主的主题太棒了

    1. 一日
      @Sun丶 (脸红)蟹蟹
  2. 千千

    我居然是第一个留言的#

    1. 一日
      @千千 (献花)
      1. 千千
        @一日

        然后必须要把代码加到引入jQuery的下面

        1. 一日
          @千千

          其实是在你的博客里面找的代码#[滑稽],fail.ico都是用你的地址的

          1. 千千
            @一日

            哇唔,听起来好厉害#

            1. 一日
              @千千 [滑稽]
              1. 千千
                @一日

                我在OneNote上面写的一个东西消失了#

                1. 一日
                  @千千 (吐血倒地)#(蜡烛)我一直用有道云笔记来着
                  1. 千千
                    @一日

                    又要重新记了#[乖]

发表评论