Javascript 是否可以根据JS变量包含CSS文件？

根据上一个问题，我现在知道了我使用的设备的实际大小，感谢window.screen.width，我想根据这个大小使用一个或另一个CSS文件，例如：

<script>
var w = window.screen.width;
if(w < 800){
  //I should include somehow this <link href="{{ asset('assets/css/firstCSS.css') }}" type="text/css" rel="stylesheet">
} else {
  //Adding the second CSS file... <link href="{{ asset('assets/css/secondCSS.css') }}" type="text/css" rel="stylesheet">
}
</script>

我知道这段代码看起来很糟糕，但我无法找到解决方案

---

EditedIt是否可以根据JavaScript中的值使用css文件？不要回答我是的。。。请告诉我怎么做。

是的，当然可以：

创建一个新的链接元素。 根据您的变量给它一个href。 将此链接附加到文档的标题。 这就是你的代码应该是什么样子的

var w = window.screen.width;
var link = document.createElement("link");
link.type = "text/css";
link.rel = "stylesheet";
if (w < 800) {
  link.href = "{{ asset('assets/css/firstCSS.css') }}";
} else {
  link.href = "{{ asset('assets/css/secondCSS.css') }}";
}
document.head.appendChild(link);

---

您正在寻找媒体查询吗。如果你想让你的网站对每一台设备都做出响应，试着使用媒体查询。看看链接。这可能会有帮助。Mediaquerys的工作原理类似于$window.width值。。。我需要此媒体查询，但使用window.screen.width中的值