我有一个包含 2 个样式表的站点,一个用于白天阅读,一个用于夜间阅读。我有一个带有onclick
事件的图像来调用一个函数来更改样式表。问题是,对于新访问者来说,当他们第一次单击按钮时,页面会在半秒钟内完全没有样式(即没有样式表),然后新的页面就会启动。我知道发生这种情况的原因是我删除了在rel="stylesheet"
将当前工作表添加到新工作表之前。有什么办法可以改进功能,即使对于新访客也不会出现短暂的延迟?谢谢。
function changeStyleSheet() {
var a = document.getElementById('stylesheet1');
var b = document.getElementById('stylesheet2');
var now1 = $(a).attr('rel');
var now2 = $(b).attr('rel');
if (now1 == 'stylesheet') {
a.setAttribute('rel', 'alt-stylesheet');
b.setAttribute('rel', 'stylesheet');
} else {
b.setAttribute('rel', 'alt-stylesheet');
a.setAttribute('rel', 'stylesheet');
}
};