js 监控iframe URL的变化实例代码

前端之家收集整理的这篇文章主要介绍了js 监控iframe URL的变化实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

iframe的url可以前端任何地址,这样就可能出现漏洞,如果钓鱼网站通过js把src改成了危险地址,如果没有监控,就会有很大隐患。所以监控iframe的url变化就是必须要解决的问题了。

第一印象的解决方案是通过setInterval轮询监控,貌似不太理想了,而且有延迟。

千般搜索,终于找到了好的方法,可以通过H5新增的MutationObserver来解决,配合DOMAttrModified和onpropertychange来解决兼容性问题。

废话少说,直接上代码

index.HTML代码

<Meta charset="UTF-8"> Document