强仔博客

离开和进入html页面时改变title

离开和进入页面时改变网页标题,最近也才刚刚开始js学习,下面这段代码简单就是说访客如果离开你的网站之后,站点标题会发生变化。原理是使用了HTML5的Page Visibility API
目前页面可见性API有两个属性,一个事件:

演示截图

[xiangce][/xiangce]
[dplay src="https://cdn.jsdelivr.net/gh/52qiangzai/cdn/img/0134911.mp4"]

代码使用

head里面插入代码,自行更换文字即阔

<script>document.addEventListener('visibilitychange',function(){if(document.visibilityState=='hidden'){normal_title=document.title;document.title='别走嘛,我会在原地等你';}else{document.title=normal_title;}});</script>

结语

js刚刚入门学习,还有巨多不懂,希望本文也对你有所帮助吧!

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »