在Sencha Touch 2中加载外部javascript的正确方法是什么

Question

在我的开发中，我需要包含第三部分javascripts；比如money.js (http://josscrowcroft.github.com/money.js/)

最好的“干净”/“合适”的方法是什么？只是把它包含在index.html中吗？

Answer 1

不是的。不要直接在index.html文件中添加额外的javascript文件。这不是推荐的方式(尽管它可能行得通)。

相反，像这样做，

• 在您的index.html中包含以下行。microloader是sencha sdk附带的文件夹，主要包含三个文件，development.js、production.js和testing.js，每个文件都有自己的用途。

< script id ="microloader“type="text/javascript”src="../../microloader/development.js"> < /script >

• 然后，在您的<appname>文件夹中，需要有一个名为app.json的文件。它看起来像这样..

{ "name"："Sencha"，//所有javascript文件都在这里..."js"：{ "path"："../../sencha-touch-all-debug.js“}，{ "path"："app.js"，"update"：”增量“}，{ "path"："http://josscrowcroft.github.com/money.js/"，"update"："delta“}，"css"：{ "path"："../../resources/css/sencha-touch.css"，"update"："delta”}，{ "path"："resources/css/app.css"，"update"："delta“}，.......}

Answer 2

如果您使用的是Sencha Cmd，您的index.html可能如下所示：

<!-- The line below must be kept intact for Sencha Command to build your application -->
<script id="microloader" type="text/javascript" src=".sencha/app/microloader/development.js"></script>

因此，更改app.json后，您需要刷新您的应用程序：

sencha app refresh

Answer 3

纯javascript为我做到了这一点。我只是在启动函数中包含了这段代码：

var scriptTag = document.createElement('script');
scriptTag.src = 'specify the path here...';
document.body.appendChild(scriptTag);

scriptTag被附加到索引文件的主体中。