MENU

JS代码实现浏览器网页标题的动态切换

一、功能描述

当网页标签失去焦点切换到指定的标题,获得焦点时即恢复正常标题

二、代码实现

jQuery(document).ready(function() {
    function c() {
        /* 排除首页(记得自行修改下首页地址) */
    if (location.href != "https://flypig.xyz") { document.title = document[a] ? "人呢?快回来!→" + d : d }
    }
    var a, b, d = document.title;
    "undefined" != typeof document.hidden ? (a = "hidden", b = "visibilitychange") : "undefined" != typeof document.mozHidden ? (a = "mozHidden", b = "mozvisibilitychange") : "undefined" != typeof document.webkitHidden && (a = "webkitHidden", b = "webkitvisibilitychange");
    "undefined" == typeof document.addEventListener && "undefined" == typeof document[a] || document.addEventListener(b, c, !1)
});

三、小结

这个功能的主要特点是:当用户在博客在新标签点开另一篇文章时,之前打开的文章标题就会自动变成“人呢?快回来!”,在挑起用户好奇的同时,略微提高文章的回头率。

当然,弊端也是固然存在的,当一次性打开多个网页时,不但标签页会自动变窄导致看不全,而且看起来全部都一个样,导致用户想回头找一下刚刚看过的文章都必须用鼠标聚焦或点击查看。

个中利弊就只能自己取舍了!喜欢折腾的朋友赶紧试试吧!

Leave a Comment

2 Comments
  1. 感谢博主的分享,支持了。
    技术文章,学习了。

    1. @马内共同学习,我也是看别人的搬过来的。