离开和进入html页面时改变title
离开和进入html页面时改变title
qiangzai
发布于 2021-12-21 00:16:50
发布于 2021-12-21 00:16:50
代码可运行
运行总次数：0
代码可运行
离开和进入页面时改变网页标题，最近也才刚刚开始js学习，下面这段代码简单就是说访客如果离开你的网站之后，站点标题会发生变化。原理是使用了HTML5的Page Visibility API 目前页面可见性API有两个属性，一个事件：
- document.hidden : Boolean 值，表示当前页面可见还是不可见
- document.visibilityState : 返回当前页面的可见状态，取值有 hidden visible prerender preview
- visibilitychange : 当可见状态改变时候触发的事件
演示截图
$(document).ready(function(){$(".galleryidpost").lightGallery({selector: ".yoniu-index-img",share: false,share: false,showThumbByDefault: false,autoplayControls: false});});
const dp197 = new DPlayer({ container: document.getElementById("dplayer197"), video: { url: "https://web-static.q6q.cc/files/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>本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2020-10-201，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
