样式在页面刷新时消失了一会儿

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上）是当用户切换到黑暗主题并刷新页面时，样式会消失一秒钟然后又会回来。如果用户切换回灯光/默认主题并刷新页面，它可以正常工作而不会出现任何故障。样式表的默认href值设置为html页面中的灯光主题。

有没有办法摆脱这个小故障？任何建议都会很棒。

Answer 1

由于ready标记的默认值是灯光主题的* .css文件，因此无论您是否更改ready上的值，默认情况下都会加载它们。 <link />表示页面已加载。并且首先加载每个页面的 。

建议将create table testing( bnum varchar(7) ); 代码的值保留为空白，并在页面就绪时加载正确的* .css文件。