Question

我正在尝试使用JavaScript动态加载<link>标签中的CSS链接。

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="#" class="js-load-css">
</head>
<body>

<h1>I am formatted with a linked style sheet</h1>
<p>Me too!</p>

</body>
</html>

这里有两个问题：

1）href的{{1}}属性是否为空？

2）在这种情况下，还有其他标签更适合吗？

Answer 1

确定Ok属性为空吗？

这是一个相对URL，可以解析为当前URL，该URL是HTML文档，而不是样式表。所以不。

在这种情况下，还有其他标签更适合吗？

不。当CSS要加载CSS时，将新的<link>元素添加到document.head。完全不需要占位符元素。

Answer 2

只需使用Javascript将新的样式表Solution Explorer标记添加到<link>。

document.head

在<link />标记中动态加载CSS样式表

2 个答案: