如何停止网页上未样式化内容(FOUC)的闪烁?
我为避免FOUC所做的事情是:
将主体部分设置为: <body style="visibility: hidden;" onload="js_Load()">
<body style="visibility: hidden;" onload="js_Load()">
编写一个js_Load()JavaScript函数:document.body.style.visibility='visible';
js_Load()
document.body.style.visibility='visible';
通过这种方法,网页的正文将保持隐藏状态,直到加载整个页面和CSS文件为止。加载完所有内容后,onload事件将使主体可见。因此,Web浏览器将保持为空,直到所有内容都在屏幕上弹出为止。
这是一个简单的解决方案,但到目前为止,它仍然有效。