步步高网站建设报告,网站程序h5,google高级搜索,h5响应式网站开发成本1.document.hidden#xff1a; 表示页面是否隐藏的布尔值。页面隐藏包括 页面在后台标签页中 或者 浏览器最小化 #xff08;注意#xff0c;页面被其他软件遮盖并不算隐藏#xff0c;比如打开的 sublime 遮住了浏览器#xff09;。
2.document.visibilityState#xff…1.document.hidden 表示页面是否隐藏的布尔值。页面隐藏包括 页面在后台标签页中 或者 浏览器最小化 注意页面被其他软件遮盖并不算隐藏比如打开的 sublime 遮住了浏览器。
2.document.visibilityState 表示下面 4 个可能状态的值 hidden页面在后台标签页中或者浏览器最小化 visible页面在前台标签页中 prerender页面在屏幕外执行预渲染处理 document.hidden 的值为 true unloaded页面正在从内存中卸载 3.Visibilitychange事件 当文档从可见变为不可见或者从不可见变为可见时会触发该事件。 这样我们可以监听 Visibilitychange 事件当该事件触发时获取 document.hidden 的值根据该值进行页面一些事件的处理。
document.addEventListener(visibilitychange, () {let isHidden document.hidden;if (isHidden) {//切离该页面时执行逻辑处理alert(浏览器处于最小化状态了或者切换到其他页面了);document.title 当焦点不在当前窗口时的网页标题;} else {//切换到该页面时执行逻辑处理alert(页面处于当前状态了);document.title 再变回来或者做点其他的;}
});
