摘要:页面可见性有哪些用途页面可见性对于用户来说,可见性的意思就是能不能看到,显示的页面,就是我们正在看的页面,隐藏的页面,就是我们没有看的页面。
页面可见性有哪些用途?
页面可见性:对于用户来说,可见性的意思就是能不能看到,显示的页面,就是我们正在看的页面,隐藏的页面,就是我们没有看的页面。因为我们一次要打开好多标签页面来回切换着,始终只有一个页面在我们眼前,其它页面都是隐藏的。
使用方式:给document添加visibilitychange事件,document.hidden为true则可见,为false则为隐藏,不同页面之间切换,促发visbilitychange事件.
</>复制代码
document.addEventListener("visibilitychange",function(){
if(document.hidden){
document.title="hidden";
}
else{
document.title="visibile"
}
});
console.log(document.visibilityState);
备注:动画,视频,音频都可以在页面显示时打开,在页面隐藏时关闭
实现不使用 border 画出1px高的线,在不同浏览器的标准模式与怪异模式下都能保持一致的效果</>复制代码
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/117447.html
摘要:页面可见性有哪些用途页面可见性对于用户来说,可见性的意思就是能不能看到,显示的页面,就是我们正在看的页面,隐藏的页面,就是我们没有看的页面。 页面可见性有哪些用途? 页面可见性:对于用户来说,可见性的意思就是能不能看到,显示的页面,就是我们正在看的页面,隐藏的页面,就是我们没有看的页面。因为我们一次要打开好多标签页面来回切换着,始终只有一个页面在我们眼前,其它页面都是隐藏的。使用方式:...
摘要:主要总结标签语义化方面的内容。的标签都是有语义的。为什么要使用语义化标签由于很强大,无论有没有按照语义选择标签,都可以实现需要的设计。如何确定你的标签是否语义良好去掉样式,看网页结构是否组织良好有序,是否仍然有良好的可读性。 主要总结标签语义化方面的内容。 HTML的标签都是有语义的。 下面列出一些常见的标签及其语义: showImg(https://segmentfault.co...
阅读 826·2021-11-23 09:51
阅读 880·2021-11-23 09:51
阅读 2555·2021-11-15 18:01
阅读 3922·2021-10-11 11:07
阅读 2446·2021-09-22 15:30
阅读 1108·2021-09-22 14:59
阅读 1592·2019-08-30 15:55
阅读 1787·2019-08-30 15:52