javascript - 如何在有条件地加载 2 个不同的 css 文件的 javascript 中编写代码？

Question

如何在 javascript 中编写有条件地加载 2 种不同 css 样式的代码我需要在页面加载时和加载后为页面加载不同的 css 样式。即

if(condition)
{load 1 css};
else 
{load another css};

Answer 1

你应该知道 <link>标签的 disabled功能。

<link rel="stylesheet" disabled="disabled" />

因此，在您的情况下，让我们假设有两个样式表，day.css和 night.css :

<link rel="stylesheet" href="day.css" id="day" />
<link rel="stylesheet" href="night.css" id="night" />

在您的代码中，加载后，您可以这样做:

if (condition)
    document.getElementById('day').setAttribute("disabled", "disabled");

如果您使用的是 jQuery，那就更简单了!使用这个:

if (condition)
{
    $("#day").prop("disabled", true);
    $("#night").prop("disabled", false);
}
else
{
    $("#day").prop("disabled", false);
    $("#night").prop("disabled", true);
}