通告 欢迎访问爱刷机(原爱搜路由、爱搜啊博客aisoa.cn)

网页标题动态改变JS实现标题改变详解

2018-08-27
0评论
/
阅读
管理员

如何实现网页标题动态改变,

最近看到很多博客的标题会变化,选中时和不选中时标题是不一样的,感觉很有意思。

下面代码就是现实标题改变的代码,今天就分享下,搜了一下百度也没有。

把下面代码放到网站头部或者底部就行,我看很多博客都有

<script>var OriginTitile=document.title;
 var st;
 document.addEventListener('visibilitychange',function(){
 if(document.hidden){
 document.title="(つェ⊂)浏览器崩溃了";
 clearTimeout(st);
 console.log('hide');
 }else{
 document.title='(*´∇`*)吖~又好了~ '+OriginTitile;
 console.log('show');
 st=setTimeout(function(){
 document.title=OriginTitile;
 },4000);
 console.log('endChange=');
 }
 });</script>

本站附件分享,如果附件失效,可以去找找看

诚通网盘附件百度网盘附件


标签: js 标题改变
于2018-08-27发布