记录一下看到许多网页在切换页面时,浏览器显示的title会自动改变,以下两种方法可以根据具体需求来选择
这些方法都是通过JavaScript来实现,所以需要用script来引入JavaScript。
方法一:
切换出去到其他页面时,自动吧标题栏替换为指定内容。
<script>document.addEventListener('visibilitychange', function () {if (document.visibilityState == 'hidden') {normal_title = document.title;document.title = '造梦空间等你回来!';//替换为你想要的即可} else document.title = normal_title;});</script><script> document.addEventListener('visibilitychange', function () { if (document.visibilityState == 'hidden') { normal_title = document.title; document.title = '造梦空间等你回来!';//替换为你想要的即可 } else document.title = normal_title; }); </script><script> document.addEventListener('visibilitychange', function () { if (document.visibilityState == 'hidden') { normal_title = document.title; document.title = '造梦空间等你回来!';//替换为你想要的即可 } else document.title = normal_title; }); </script>
方法二:
切换到其他页面和切换回来都有提示内容。
<script>var OriginTitile = document.title;var titleTime;document.addEventListener('visibilitychange', function() {if (document.hidden) {document.title = '(つェ⊂)我藏好了哦~ ' + OriginTitile;clearTimeout(titleTime);}else {document.title = '(*´∇`*) 被你发现啦~ ' + OriginTitile;titleTime = setTimeout(function() {document.title = OriginTitile;}, 2000);}});</script><script> var OriginTitile = document.title; var titleTime; document.addEventListener('visibilitychange', function() { if (document.hidden) { document.title = '(つェ⊂)我藏好了哦~ ' + OriginTitile; clearTimeout(titleTime); } else { document.title = '(*´∇`*) 被你发现啦~ ' + OriginTitile; titleTime = setTimeout(function() { document.title = OriginTitile; }, 2000); } }); </script><script> var OriginTitile = document.title; var titleTime; document.addEventListener('visibilitychange', function() { if (document.hidden) { document.title = '(つェ⊂)我藏好了哦~ ' + OriginTitile; clearTimeout(titleTime); } else { document.title = '(*´∇`*) 被你发现啦~ ' + OriginTitile; titleTime = setTimeout(function() { document.title = OriginTitile; }, 2000); } }); </script>