您可以使用@import CSS函数导入JavaScript(或其他非CSS)文件吗



我知道你不能在Chrome上做到这一点,因为我试过了,但失败了。当我运行以下代码时:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<p>Test</p>
<style>
@import "script.js";
</style>
</body>
</html>

使用同一文件夹中的"script.js"文件,我在chrome控制台中收到以下错误:图像

我的问题是:

  1. 这对所有浏览器都一样吗
  2. 有没有一种变通方法可以让你使用@import函数导入并运行非.css文件

您可以使用@import CSS函数导入JavaScript(或其他非CSS(文件吗?

简短的回答是…没有。

@import用于导入样式表。一个常见的误解是,您可以通过以下操作导入非CSS文件:

@import url("chrome://communicator/skin/");

然而,删除行尾的唯一原因是,本地浏览器包的URL实际上不需要指定文件;它可以只指定包的名称和部分,然后自动选择适当的文件(例如。chrome://communicator/skin/)。请参阅此处了解详细信息。

有关更多信息,请参阅此处有关@import的MDN文档。

最新更新