浏览器标题切换

本文最后修改于 203 天前,部分内容可能已经过时!

时间:2018.13.03

类型:javascript

功能:用户在切换到其他页面时,标题栏显示其他内容。

关键代码:

<script>  
// 浏览器标题切换  
var OriginTitile = document.title;    // 保存之前页面标题  
var titleTime;  
document.addEventListener('visibilitychange', function(){  
    if (document.hidden){  
        document.title = '\(@^0^@)/你好,小伙伴-北风博客';  
        clearTimeout(titleTime);  
    }else{  
        document.title = '来啦,老弟';  
        titleTime = setTimeout(function() {  
            document.title = OriginTitile;  
        }, 2000); // 2秒后恢复原标题  
    }  
});  
</script>

实际演示效果:切换到其他网页,请看标题栏。

Tags:none
上一篇
打赏
下一篇

添加新评论