2

我们有一个同时使用 google 闭包和 dojo 库的应用程序。我们的索引页面中有以下内容，可以按预期工作：


<script type="text/javascript" src="runtime/src/lib/google-closure-rev26/closure/goog/base.js"></script>
<script type="text/javascript" src="runtime/src/lib/dojo_release_132_src/dojo/dojo.js"></script>
<script type="text/javascript" src="runtime/src/core/loader.js"></script>

我们希望在实际的 html 源代码中只使用一个 script 标签。因此，我们尝试执行以下操作：


<head>
   <script type="text/javascript" src="runtime/src-bootstrap.js"></script>
</head>

然后在 src-bootstrap.js 中：


var head = document.getElementsByTagName("head")[0];

var s1 = document.createElement("script");
s1.type = "text/javascript";
s1.src = "runtime/src/lib/google-closure-rev26/closure/goog/base.js";


var s2 = document.createElement("script");
s2.type = "text/javascript";
s2.src = "runtime/src/lib/dojo_release_132_src/dojo/dojo.js";

var s3 = document.createElement("script");
s3.type = "text/javascript";
s3.src = "runtime/src/core/loader.js";

head.appendChild(s1);
head.appendChild(s2);
head.appendChild(s3);

但是，这在 FF 中不起作用。core/loader.js 在 dojo 完全加载之前运行。任何想法为什么这不起作用？

4

3 回答 3

4

对于这种类型的机制，您最好使用 document.write() 来包含您的脚本。您当前使用的技术适用于延迟加载脚本，它会异步下载和执行脚本：http ://www.nczonline.net/blog/2009/06/23/loading-javascript-without-blocking/

...或者您可以有一个实际连接这些文件的构建过程，并且只请求一个脚本，这也可以节省请求的数量，因为您实际所做的是增加了请求的数量。

于 2009-12-20T00:00:18.800 回答
1

我的猜测是，因为您是通过 DOM 创建元素，而不是将它们作为标记，浏览器在执行下一个脚本之前不会等待一个脚本完成（就像直接<script></script><script></script>设置中的情况一样）。

如何以级联形式附加脚本（Google 闭包在其末尾附加 s2，Dojo s3），或者如 Lee Kowalkowski 建议的那样，<script>使用document.write()?

于 2009-12-19T23:38:13.017 回答
0

一般来说 - 在窗口下添加一个命名空间，并编辑你的外部资源 -

  1. 在本地保留一个action.js或main.js文件，这将添加一个方法，最好在全局范围内（意思是在窗口下..）。

  2. 编辑您的外部资源，在最后添加 1 行，调用方法 on action.js或main.js，当加载完成时，“回调样”将执行您之前添加到 DOM 的方法。它的工作方式非常类似于 JSONProtocol。

  3. 即使使用最复杂的动态加载资源组合，它也能创造奇迹。

请参阅此非常相似的解决方案的示例，该解决方案用于在另一个线程上动态加载 Google-Closure-Library ( https://stackoverflow.com/a/17226714/257319 )

于 2013-06-21T02:25:48.677 回答