Javascript 强制浏览器渲染Dom文档

Posted 2020-09-19 沙滩海风

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Javascript 强制浏览器渲染Dom文档相关的知识，希望对你有一定的参考价值。

当浏览器在执行一段js代码的过程中，一般不会立即更新渲染dom文档，而是在整段代码执行完毕的时候才去更新dom文档。

浏览器这么实现，是为了尽可能提高性能。但这种实现有时候会给我们带来一些意外的负面效果。

js访问以下 Dom属性的时候，浏览器都会先渲染Dom文档，再获得相关的属性。从而强制浏览器立即渲染Dom文档。

offsetTop, offsetLeft, offsetWidth, offsetHeight
scrollTop, scrollLeft, scrollWidth, scrollHeight
clientTop, clientLeft, clientWidth, clientHeight

以上是关于Javascript 强制浏览器渲染Dom文档的主要内容，如果未能解决你的问题，请参考以下文章