页面刷新时样式消失片刻

Question

这是一个简单的html页面，我正在使用以下功能更改按钮单击时的样式表（在深色和浅色主题之间切换）：

 function setDarkTheme() {
			document.getElementById('style1').href = "css/Dark.css";
			document.getElementById('style2').href = "css/skins/skin-dark.css"; 
		}
		
	 function setDefaultTheme() {
			document.getElementById('style1').href = "css/Light.css";
			document.getElementById('style2').href = "css/skins/skin-light.css";
		}

此外，当前主题值保存在浏览器localstorage中，该存储在jquery ready函数外部进行检查，以在加载页面之前（每当用户返回站点时）设置样式表。

问题是（在Chrome和firefox上）当用户切换到深色主题并刷新页面时，样式会消失一秒钟，然后再回来。如果用户切换回light/default主题并刷新页面，则可以正常工作，不会出现任何问题。样式表的默认href值设置为html页面中的灯光主题。

有没有办法解决这个问题？任何建议都很好。

Answer 1

因为您的

建议保留