Molerose

jQ实现离开与进入页面时更改网页title和ico
一个给枯燥的代码来点儿欢乐的小脚本,互联网真是个神奇的东西,总之,啥都有,hiahiahia~
扫描右侧二维码阅读全文
14
2018/06

jQ实现离开与进入页面时更改网页title和ico

一个给枯燥的代码来点儿欢乐的小脚本,互联网真是个神奇的东西,总之,啥都有,hiahiahia~


介绍

实现离开当前标签页面,改变网站的ico图标和标题(只是一个娱乐小脚本)

方法

把这段js加到 脚本集成文件中,或者加到 </body> 之前都行。

把其中的两个ico图标换成你自己的即可!

代码

<script>
var OriginTitile = document.title,
titleTime;
document.addEventListener("visibilitychange",
function() {
    if (document.hidden) {
        $('[rel="shortcut icon"]').attr("href", "//链接.com/favicon.ico");
        document.title = "(/≧▽≦/)我X,崩溃了哦!";
        clearTimeout(titleTime)
    } else {
        $('[rel="shortcut icon"]').attr("href", "//链接.com/favicon.ico");
        document.title = "(/≧▽≦/)咦呀!又好了! " + OriginTitile;
        titleTime = setTimeout(function() {
            document.title = OriginTitile
        },
        2000)
    }
});
</script>

来源(尊重原创,人人有责)

友人C | LWL的自由天空

Last modification:June 15th, 2018 at 08:53 pm
If you think my article is useful to you, please feel free to appreciate

6 comments

  1. 江浙日报

    陪你一起到老!

  2. 一朵时光红

    以后要多看看源代码这样才能学习更多的知识!

  3. 好时光荣

    你好,vue可以实现这样的功能吗

  4. 太阳黑子

    楼主的相片很搞笑哦!

  5. 太阳黑子

    可以实现这种功能的!

Leave a Comment