禁用CSS链接的时间

时间:2015-02-27 16:17:27

标签: javascript jquery html css

长期读者,第一次海报。

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

Removing or replacing a stylesheet (a <link>) with JavaScript/jQuery

我的问题是,&#34;早期&#34;这样做是否安全?我认为只要在HTML中禁用链接的脚本较低,CSS链接(虽然不一定是外部样式表的内容)就已经在DOM中了。

但&#34;其他人&#34;说不是这样,为了避免可能的竞争条件,你不应该禁用CSS直到&#34; document.ready&#34;。 (但是,如果你等到document.ready,content&#34; flicks&#34;到旧样式的页面上。)

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

<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>

1 个答案:

答案 0 :(得分:0)

我会尽快完成,而不是在加载文档时。在页面样式已经渲染之后,闪烁可能比更改样式更好。

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