javascript - js 如何检测网页状态？

问题描述

问 题

比如网页弹出了一个对话框。
该如何实现，监测一个网页的状态是改变了？比如这个对话框是通过js或者jquery实现的，如何监测现在是跳出了一个对话框。

解决方案

第一种情况，你用的是原生的alert, confirm之类的对话框，那不用检查状态变更，这种操作都是阻塞式的，一旦弹出，你的js都会停下来，等用户反馈。

第二种情况，用js实现一些DOM元素，然后通过css使其看起来有弹出对话框效果，可以如下几种方式分析问题：

1. 既然已知弹出框dom元素结构，那写个setInterval每隔一段时间检查下html里是否出现了这个弹出框元素，可以实现你想要的（当然这是最粗暴，且没水平的方式）

2. 弹出框自己实现一个事件广播功能，每当弹出/关闭时，就广播一个事件出去，让其他侦听弹出框状态的地方可以受到通知

3. 弹出框可以提供一个全局的方法，用来获取自身的状态，任何其他需要得知状态的地方都可以调用这个全局方法，获得状态

暂时只想到这么多了

这篇关于javascript - js 如何检测网页状态？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！