禁用CSS链接的时间

Timing for disabling a CSS link

本文关键字:时间 链接 CSS 禁用      更新时间:2023-09-26

长期读者,首次发布。

我需要禁用一个外部CSS样式表,并计划使用本线程中描述的技术。

用JavaScript/jQuery 删除或替换样式表(<链接>)

我的问题是,"早"做这件事有多安全?我认为,只要禁用链接的脚本在HTML中较低,CSS链接(尽管不一定是外部样式表的内容)就已经在DOM中了。

但"其他人"说事实并非如此,为了避免可能的竞争条件,你不应该在"document.ready"之前禁用CSS

换句话说,这个代码有风险吗?

<head>
<title>Example</title>
<link rel="stylesheet" href="/Common/css/default.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
jQuery('link[rel=stylesheet]').prop('disabled', true);
</script>
</head>

我会尽快完成,而不是在文档加载后。闪烁可能比在页面样式已经呈现之后使样式改变要好。

$('link[rel~="stylesheet"]').prop('disabled', true);