当我们离开网站的某个浏览页面切换到另一个页面时，会看到上一个也没的标签文字会变化，比如提示“你别走吖”之类的字样，当我们点回来的时候页面又会提示“你回来啦”的字样，这是怎么实现的呢？
我们只需要一句JavaScript语句即可实现这个效果，将下面的代码添加在网站页面中的</head>前即可实现：
var OriginTitile = document.title, titleTime;
document.addEventListener("visibilitychange", function() {
if (document.hidden) {
document.title = "你别走吖 Σ(っ °Д °;)っ";
clearTimeout(titleTime)
} else {
document.title = "(/≧▽≦/)你又回来啦！ ";
titleTime = setTimeout(function() {
document.title = OriginTitile
},
2000)
}
});PS：代码中的title可以修改成自己喜欢的标题文字。
本文由雪落千尘原创发布，欢迎大家转载分享
转载请注明本文地址：https://ipaler.com/2036.html
微信扫一扫 
支付宝扫一扫 
