2012-10-03 193 views
0

我花了很多時間創建和測試具有相當多功能的應用程序。現在我已經配置好了所有的東西,並且它的工作原理是我想要的,我想開始清理代碼,以便它不是400行代碼。創建和調用外部JS文件

我已經創建了一個外部CSS文件,並希望爲JS和可能甚至是HTML(約100行HTML代碼行)做類似的事情。

不可否認,我是一位新手程序員,但在短時間內我已經完成了相當多的知識。將函數分離成外部文件然後調用它們以使整個應用程序像現在一樣工作的最好方法是什麼?例如(這是一個web映射應用程序):我有搜索,底圖庫,圖例,圖層,初始化,infowindows等功能。由於代碼已經寫好,我將在未來,目標是讓這些js函數在文件中準備好被任何需要的應用程序引用。

謝謝。

回答

2

要鏈接外部JavaScript文件,請將帶有src屬性的腳本標記放置到文件中。

<script src="legend.js"></script> 
<script src="layers.js"></script> 
<script src="init.js"></script> 

調用函數需要什麼特別的。

onclick="myFunction();" 
1

會不只是把所有這些功能於一身的.js文件,然後從你的網頁中調用該文件?

<script src="../scripts/javascript.js"></script> 

然後在你需要它們時調用你的函數嗎?

1

你可能會考慮做做的第一件事是在一個時尚爲您創造功能的非全局「命名空間」,如下列:

window.MyApp = window.MyApp || {}; 

以上線可在頂部每個文件;第一次被調用時它會創建一個新的名稱空間/對象,隨後它會返回您之前創建的名稱空間/對象。

然後你就可以MyApp的下一個方式移動你的功能,如下列:也

MyApp.func1 = function() {...} 

谷歌創建的Javascript的命名空間,以及可能的JavaScript模塊模式