强仔
@qiangzai

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

  • document.hidden : Boolean 值,表示当前页面可见还是不可见
  • document.visibilityState : 返回当前页面的可见状态,取值有 hidden visible prerender preview
  • visibilitychange : 当可见状态改变时候触发的事件

演示截图



代码使用

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

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

结语

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

本文文章字数为:179个

您阅读这篇文章共花了:

文章最后更新于:2020 年 10 月 20 日 14:21:02

当前IP为:3.236.156.34,请自觉遵守网络安全

END
下午1:06 · 2020年10月20日
140
1
3
宝贝留个言吧

    酱紫     
    22天前

    nice

教程
离开和进入html页面时改变title
离开和进入页面时改变网页标题,最近也才刚刚开始js学习,下面这段代码简单就是说访客如果离开你的网站之后,站点标题会发生变化。原理是使用了HT...
欢迎扫描二维码继续阅读
October 20, 2020
强仔博客
blogger
强仔
统计
文章:106 篇
分类:4 个
评论:324 条
加载耗时:20 ms
运行时长:1年145天
by yoniu.
强仔博客