html怎么判断用户是否登录,

  html怎么判断用户是否登录,

  现在,HTML5中的页面可见性接口为程序员提供了使用visibilitychange页面事件来判断当前页面可见性状态并执行某些任务的方法。还有一个新的document.hidden属性。

  document.hidden

  这个新出现的document.hidden属性显示用户当前是否正在查看该页面,它的值为true或false。

  document.visibilityState

  visibilityState的值可以是可见的(指示页面当前在浏览器中被选项卡激活,并且窗口未最小化)或隐藏的(页面当前未被选项卡激活,或者窗口已最小化)。),或者prerender(页面正在重新生成,对用户不可见。).

  visibilitychange事件

  监视页面可见性的变化非常容易:复制如下代码:

  //兼容各种浏览器

  var隐藏、状态、可视性变化;

  if(文档类型. hidden!==未定义){

  hidden= hidden

  visibility change= visibility change ;

  state= visibilityState

  } else if(type of document . moz hidden!==未定义){

  hidden= mozHidden

  visibility change= mozvisibilitychange ;

  state= mozVisibilityState

  } else if(type of document . ms hidden!==未定义){

  hidden= msHidden

  visibility change= msvisibilitychange ;

  state= msVisibilityState

  } else if(type of document . WebKit hidden!==未定义){

  hidden= webkitHidden

  visibility change= webkitvisibilitychange ;

  state= webkitVisibilityState

  }/pp//添加一个侦听器以在标题中显示状态更改

  document . addevent listener(visibility change,function() {

  document.title=文档[状态];

  },假);/pp//初始化

  document.title=文档[状态];

  上面的代码会在页面的可见性改变时修改document.title的值!

  那么,什么时候需要使用visibilitychange事件呢?例如,如果您的页面上有一个嵌入的视频正在播放,当用户切换到另一个标签时,您标签上的视频应该自动暂停播放,并在用户切换回来时继续播放。例如,如果您的页面有一个自动刷新操作,那么当用户切换到其他选项卡时,您应该停止刷新,而当用户切换回来时,您应该继续之前的操作。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: