切换浏览器窗口时改变页面title标题

之前看到别人博客上,在切换到其他窗口时,浏览器的页面title就发生了改变,感觉很有趣,这里介绍一下

首先,正常情况下显示是这样:

之后当切换到其他窗口后:

可以看到title已经发生了改变

上代码:

var title; // 用于临时存放原来的title内容
window.onblur = function(){
// onblur时先存下原来的title,再更改title内容
title = document.title;
document.title = " 你莫走!ヾ(≧▽≦*)o";
};
window.onfocus = function () {
// onfocus时原来的title不为空才替换回去
// 防止页面还没加载完成且onblur时title=undefined的情况
if(title) {
document.title = title;
}
}

将上面代码添加到主题js文件中即可

 

 

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注