包括從其他文件

Question

我有很多共同的js文件在不同的10頁這樣的外部腳本標籤：

<script src="..."></script> 
<script src="..."></script> 
<script src="..."></script> 
<script src="..."></script> 
<script src="..."></script> 
<script src="..."></script> 
<script src="..."></script> 
<script src="..."></script> 
<script src="..."></script> 

我希望把這些標籤一頁，然後只包括這些頁面，其他10頁。

例如commontags這樣頁面包括

<script src="..."></script> 
<script src="..."></script> 
<script src="..."></script> 
<script src="..."></script> 
<script src="..."></script> 
<script src="..."></script> 
<script src="..."></script> 
<script src="..."></script> 
<script src="..."></script> 

標籤那麼其他10頁包括

<script src="commontags"></script> 

Answer 1

你不能單獨與腳本標記做到這一點，但你可以用模板引擎做到這一點，建立步或者像require.js或curl.js這樣的模塊加載器。

我會強烈建議使用Requirejs和requirejs optimizer如果你將要加載超過幾個js文件等等。這將有助於保持你的代碼的模塊化和優化器將讓這件事情高性能：如果你想與客戶端JavaScript來做到這一點，那麼，網址存儲在一個陣列）

Answer 2

，環比他們並生成新元素每次使用document.createElement和document.head.appendChild。

一般來說，但是，你會更好通過合成器正在運行的文件處理這和minifier在製作的時候讓你有一個URL指向包含所有代碼的單個JS文件。

Answer 3

而且這個工具做到這一點： http://damonsmith.github.io/js-class-loader/

免責聲明： - 我寫的。