首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

当前页面是否可见

判断当前页面是否可见。 ---- 使用Document.hidden属性判断当前页面是否可见。 const isBrowserTabFocused = () => !...该API的设计目的是为了方便开发者监听页面的可见性的变化,包括如下组成部分: Document.hidden 为一个只读布尔值,表示当前页面是否被可见。...document.visibilityState 为一个只读字符串,表示页面当前的可见性状态,共有三个可选值: hidden:页面不可见 visible:页面部分可见 prerender:页面即将或正在渲染...,处于不可见状态 当满足如下条件之一,为hidden: 浏览器窗口最小化 当前浏览器Tab未处于激活状态 浏览器将要卸载(unload)页面 移动端设备触发触发锁屏 除此之外,页面露出任何部分都属于visible...'); } if (document.visibilityState === 'visible') { console.log('当前页面可见'); } });

1.9K10

通过 JS 判断页面是否有滚动条的简单方法

前言 最近在写插件的过程中,需要使用 JS 判断是否有滚动条,搜了一下,大致方法都差不多,但都有些啰嗦,代码不够简洁。最终通过参考不同方法,写了一个比较简单的方法。...在判断滚动条的同时也需要计算滚动条的宽度,通过本篇文章一并与大家分享。 为什么要判断滚动条 ?...判断滚动条的需求在弹窗插件中用的较多,因为弹窗大多会添加 overflow: hidden 的属性,如果页面比较长的话,添加这个属性之后页面会有晃动。...为了增强用户体验,通过判断是否有滚动条而添加 margin-left 属性以抵消 overflow: hidden 之后的滚动条位置。...判断是否有滚动条的方法 其实只需要一行 JS 就可以,测试兼容 IE7 function hasScrollbar() { return document.body.scrollHeight >

8.1K90

JavaScript判断页面是否已经加载完毕

在做针对CheckBox框点击事件的时候,发现点击以后有时候会报错,但是是生成的JavaScript的代码的内部错误,无法判断到底是什么地方有问题。就一直在找问题。...刚刚突然想到可能与页面的加载状态有关。就来试了试果然如此。   ...在页面未全部加载完毕的时候,如果点击某些事件会报错的,于是我在需要的JavaScript事件当中添加一个判断 if (document.readyState == "complete")...obj.GetChecked()); }  通过document.readyState=="complete"  来判断页面是否已经加载完毕,结果果然奏效了,在此记录一下。...当然你可以通过调试来查看页面加载过程中另外的状态。  0-UNINITIALIZED:XML 对象被产生,但没有任何文件被加载。  1-LOADING:加载程序进行中,但文件尚未开始解析。

2.3K20
领券