有沒有類似於css的@import導入javascript文件的常用方法？

是否有一種將JavaScript文件包含到頁面中的通用/標準方式，其工作方式與CSS中的@import語句類似？有沒有類似於css的@import導入javascript文件的常用方法？

具體來說，我正在尋找類似在我的HTML文檔的頭部下面的東西結束：

<html> 
    <link rel="stylesheet" href="imports.css" /> 
    <script type="javascript" src="imports.js" /> 
</html>

所以只有一個文件從HTML調用，但隨後該文件有一個文件列表它需要包括，例如：

/* imports.css */ 
@import url('foo.css'); 
@import url('bar.css');

，然後像這樣在javascript：

// import.js 
import('jquery.js'); 
import('my.plugin.jquery.js'); 
import('my-code.js');

我希望實現的目標是從HTML和CSS中獲取一個「call」，以便我可以在本地開發許多文件，然後將所有css/js文件合併/縮小/ gzip到相應的import.ext文件中在部署期間表現。

什麼我不要想要做的是有應用程序代碼（在這個例子中的PHP）爲我改變HTML輸出;我需要這是完全客戶端。

對此提出建議？

來源

2011-06-16 Phillip B Oldham

你可能想看看[LabJS（http://labjs.com）或別的類似的，但要注意，動態加載腳本將引入有趣的同步問題。 – Pointy 2011-06-16 16:14:52

那麼你可以嘗試創建和附加腳本。但我不確定這是否是性能明智之後的事情，因爲它會盡可能多地請求文件數量，並增加創建和附加元素的開銷。

var myScript = document.createElement("script"); 
myScript.src = "/js/test.js"; 
myScript.type= "text/javascript"; 

document.getElementsByTagName("body")[0].appendChild(myScript);

，或者你可以嘗試這樣的事情 http://www.webreference.com/programming/javascript/mk/

來源

2011-06-16 16:17:17 Pantelis

有沒有類似於css的@import導入javascript文件的常用方法？

回答

相關問題