你在浏览网站或者博客的时候,有没有遇到过网页标题人性化,煽情话的那种,比如:网页标题在进入时:“欢迎光临***”,离开的时候:“呜呜,你离开了我!”...等撒娇卖萌的欢迎语,今天我不是说欢迎语的,我是来教你如何实现这一的效果!从网上收集了2种效果,一起看看吧!

1.jquery动态修改网页标题,网页进入/离开提示网页,需要自行引入jquery插件

var OriginTitile = document.title,titleTime;
document.addEventListener("visibilitychange",
function() {
    if (document.hidden) {
        $('[rel="shortcut icon"]').attr("href", "//链接.com/favicon.ico");
        document.title = "讨厌!你离开了!";
        clearTimeout(titleTime)
    } else {
        $('[rel="shortcut icon"]').attr("href", "//链接.com/favicon.ico");
        document.title = "欢迎光临 ," + OriginTitile;
        titleTime = setTimeout(function() {
            document.title = OriginTitile
        },
        2000)
    }
});

2.js动态修改网页标题,提示网页进入/离开

document.addEventListener('visibilitychange', function () {
    if (document.visibilityState == 'hidden') {
        normal_title = document.title;
        document.title = '不要离开我...';
    } else document.title = normal_title;
});