首页 > 网站建设 > 网页标题动态改变JS实现标题改变详解
2018
08-27

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

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

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

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

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

<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>