时间戳

首页 > 解决方案 > 您可以使用@import CSS 函数导入 JavaScript（或其他非 CSS）文件吗？

javascript - 您可以使用@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 控制台中收到以下错误： image

我的问题是：

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

标签： javascripthtmlcsscss-import

解决方案

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

最简洁的答案是不。

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

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

但是，删除行尾的唯一原因是本机浏览器包的 URL 不需要实际指定文件；它可以只指定包名称和部分，并自动选择适当的文件（例如 chrome://communicator/skin/）。详情请看这里。

有关更多信息，请参阅此处的 MDN 文档，了解@import.

推荐阅读