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

Question

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

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);
}