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

Question

我知道您不能在 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 控制台中收到以下错误： image

我的问题是：

所有浏览器都一样吗？
是否有允许您使用@import 函数导入和运行非 .css 文件的解决方法？

Answer 1

Can you import JavaScript (or other non CSS) files using the @import CSS function?

简短的回答是……不。

@import 用于导入样式表。一个常见的误解是您可以通过执行以下操作导入 non-CSS 个文件：

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

但是，删除行结尾的唯一原因是因为 URL 用于本机浏览器包实际上不需要指定文件；它可以只指定包名称和部分，并自动选择适当的文件（例如 chrome://communicator/skin/）。 See here for details.

有关详细信息，请参阅有关 @import 的 MDN 文档 here。

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

Can you import JavaScript (or other non CSS) files using the @import CSS function?

html

javascript

css

css-import