如何在页面加载之前动态应用CSS更改

Question

我将来自外部javascript的外部css从另一个源动态地加载到我的网站，这会将我的网页更新为新的css设计。

var link = document.createElement( "script" ); link.src = "http://externalsourcee.com/page/js/generate?token=I-css76theme"; document.getElementsByTagName( "head" )[0].appendChild( link );

问题：更新CSS的我的网页首先显示，然后更改设计，因此用户会看到滞后。

我的问题：如何确保用户看不到正在发生的任何变化，只有页面加载后用户才能看到设计，或者如果必须存在滞后，我们可以插入加载屏幕，以便访问者可以看到进度，在更新CSS时。

注意：我无法编辑html文件，只能通过从外部加载javascript对其进行更改。

Answer 1

您可以使用setTimeout函数加载另一个CSS。

您还可以请用户使用javascript和css等一下，以便他们可以等到util设计更新。

我希望它将对您有帮助。