jquery动态修改网页标题，提示网页进入/离开

来源：恒创科技编辑：恒创科技编辑部

2024-01-09 19:08:59

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

jquery动态修改网页标题，提示网页进入/离开_html

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;
});

本文地址：https://www.henghost.com/jishu/16002/