使用 CSS 导入 JavaScript 文件答案

【问题标题】：Import JavaScript files with CSS使用 CSS 导入 JavaScript 文件
【发布时间】：2011-12-25 17:22:11
【问题描述】：

是否可以使用 CSS 导入文件来导入 JavaScript 页面？

@import url(Script.js);

【问题讨论】：

你想用这个实现什么？
为什么这应该成为可能？ :P
@SergeiTulentsev 我的站点仅在选定页面中导入一个 URL。我有用于这些页面的 JavaScript，但无法将其添加到...

标签： javascript css import

【解决方案1】：

规范声明 URL 必须指向样式表：

“@import”规则允许用户从其他样式导入样式规则床单。任何@import 规则都必须遵循所有@charset 规则并在前面样式表中的所有其他 at 规则和规则集。 '@import' 关键字后面必须跟 要包含的样式表的 URI。一种字符串也是允许的；它将被解释为好像它有 url(...) 围绕它。

CSS3 语法规范： http://www.w3.org/TR/css3-syntax/#import

【讨论】：

【解决方案2】：

不，不支持此语法。

不过，您可以使用<script> 元素的src 属性来指定外部脚本资源的位置：

<script type="text/javascript" src="Script.js">
</script>

【讨论】：

我知道，我只是问，因为有一个文件会更干净
好吧，既然你想引用一个外部脚本，你总是会得到至少两个文件......或者我错过了什么？

【解决方案3】：

不，您只能在使用Less 时导入 CSS 样式表或 .less 和 .css 样式表。但是，您可以反过来导入CSS stylsheets with JavaScript。

【讨论】：

【解决方案4】：

// Storing HTML code block in a variable
var codeBlock = '<div class="content">' +
                    '<h1>This is a heading</h1>' +
                    '<p>This is a paragraph of text.</p>' +
                    '<p><strong>Note:</strong> If you don\'t escape "quotes" properly, it will not work.</p>' +
                '</div>'; 
// Inserting the code block to wrapper element
document.getElementById("wrapper").innerHTML = codeBlock

这个怎么样？

【讨论】：