提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  Javascript

当前栏目

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

HTML 代码
2023-04-18 15:57:12 时间

离开和进入页面时改变网页标题，最近也才刚刚开始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>

相关文章