2012-10-03 140 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模块模式