资讯专栏INFORMATION COLUMN

页面可见性用途

ispring / 1650人阅读

摘要:页面可见性有哪些用途页面可见性对于用户来说,可见性的意思就是能不能看到,显示的页面,就是我们正在看的页面,隐藏的页面,就是我们没有看的页面。

页面可见性有哪些用途?

页面可见性:对于用户来说,可见性的意思就是能不能看到,显示的页面,就是我们正在看的页面,隐藏的页面,就是我们没有看的页面。因为我们一次要打开好多标签页面来回切换着,始终只有一个页面在我们眼前,其它页面都是隐藏的。
使用方式:给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/102325.html

相关文章

  • 页面可见用途

    摘要:页面可见性有哪些用途页面可见性对于用户来说,可见性的意思就是能不能看到,显示的页面,就是我们正在看的页面,隐藏的页面,就是我们没有看的页面。 页面可见性有哪些用途? 页面可见性:对于用户来说,可见性的意思就是能不能看到,显示的页面,就是我们正在看的页面,隐藏的页面,就是我们没有看的页面。因为我们一次要打开好多标签页面来回切换着,始终只有一个页面在我们眼前,其它页面都是隐藏的。使用方式:...

    e10101 评论0 收藏0
  • 页面可见用途

    摘要:页面可见性有哪些用途页面可见性对于用户来说,可见性的意思就是能不能看到,显示的页面,就是我们正在看的页面,隐藏的页面,就是我们没有看的页面。 页面可见性有哪些用途? 页面可见性:对于用户来说,可见性的意思就是能不能看到,显示的页面,就是我们正在看的页面,隐藏的页面,就是我们没有看的页面。因为我们一次要打开好多标签页面来回切换着,始终只有一个页面在我们眼前,其它页面都是隐藏的。使用方式:...

    TigerChain 评论0 收藏0
  • 标签语义化

    摘要:主要总结标签语义化方面的内容。的标签都是有语义的。为什么要使用语义化标签由于很强大,无论有没有按照语义选择标签,都可以实现需要的设计。如何确定你的标签是否语义良好去掉样式,看网页结构是否组织良好有序,是否仍然有良好的可读性。 主要总结标签语义化方面的内容。 HTML的标签都是有语义的。 下面列出一些常见的标签及其语义: showImg(https://segmentfault.co...

    darkbaby123 评论0 收藏0
  • html基础

    摘要:不存在或格式不正确会导致文档以兼容模式呈现标准模式的排版和运作模式都是以该浏览器支持的最高标准运行。如果不能确定时,首选使用自然样式标签 HTML 语义化 HTML标签的语义化是指:通过使用包含语义的标签(如h1-h6)恰当地表示文档结构 css命名的语义化是指:为html标签添加有意义的class 为什么需要语义化: 去掉样式后页面呈现清晰的结构 盲人使用读屏器更好地阅读 搜...

    sihai 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<