用CSS导入JavaScript文件

Import JavaScript files with CSS

本文关键字：文件 JavaScript 导入 CSS      更新时间：2023-09-26

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

@import url(Script.js);

规范规定URL必须指向样式表:

@import规则允许用户从其他样式中导入样式规则表。任何@import规则必须遵循所有@charset规则并在其前面样式表中的所有其他规则和规则集。"@ import"关键字后面必须跟，样式表的URI要包含。一个字符串也是允许的;它将被解释为url(…)。

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

不支持这种语法。

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

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

不能，使用Less时只能导入CSS样式表或。Less和。CSS样式表。不过，你也可以用另一种方法，用JavaScript导入CSS样式表。

// 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

这个怎么样?

相关文章：