使用 CSS 導入 JavaScript 文件

Question

是否可以使用 CSS 導入文件來導入 JavaScript 頁面？

@import url(Script.js);

Answer 1

規范規定 URL 必須指向樣式表：

'@import' 規則允許用戶從其他樣式表導入樣式規則。 任何@import 規則都必須遵循所有@charset 規則，並位於樣式表中的所有其他 at 規則和規則集之前。 '@import' 關鍵字必須后跟要包含的樣式表的 URI 。 也允許使用字符串； 它將被解釋為好像它周圍有 url(...) 。

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

Answer 2

不，不支持此語法。

但是，您可以使用<script>元素的src屬性來指定外部腳本資源的位置：

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

Answer 3

不，您只能在使用Less時導入 CSS 樣式表或 .less 和 .css 樣式表。 但是，您可以反過來做，並使用 JavaScript導入CSS 樣式表。

Answer 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

這個怎么樣？