移动端H5页面返回并刷新页面（BFcache）的方法(2)

后面又觉得不妥，没有因为这个小部分而进行整个页面刷新，想到了另一种思路：因为这个iframe中的内容是动态的，可以对其进行定时器设置，如下：

let iframe = document.getElementById('iframe') setInterval(() => { iframe.setAttribute("src", "https://cpu.baidu.com/xx/xx/xx"); },15000)

这样也可以实现自己的功能。

最后可以结合一下：

let iframe = document.getElementById('iframe') window.addEventListener('pageshow', function (e) { if (e.persisted) { iframe.setAttribute("src", "https://cpu.baidu.com/xx/xx/xx"); } })

这样做也有好处，可以避免使用定时器，对网页的性能也是比较好。但是这个方法在返回的时候，可以看到iframe里面内容的重新加载，会有一个时间间隙。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。

您可能感兴趣的文章: