当前位置：首页> 正文

关于Google Maps：JavaScript加载顺序

JavaScript Load Order

我同时使用amq.js(ActiveMQ)和Google Maps。我按此顺序加载脚本

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

但是在我的application.js中，它可以正常加载Maps，但是尝试通过AMQ订阅主题时出现错误。 AMQ取决于原型，而Firefox中的错误控制台表示未定义对象。我认为在脚本加载完成之前使用amq对象存在问题。有没有一种方法可以确保在我的application.js中使用它们之前先加载两个脚本？

Google有一个很好的函数调用google.setOnLoadCallback(initialize);，它很好用。我不确定amq.js是否有这样的内容。

网站本身的脚本之后加载了跨域脚本，这就是为什么会出错的原因。有趣的是，这里没人知道。

Is there a way to make sure both scripts load before I use them in my application.js?

JavaScript文件应按顺序加载并阻止，因此除非您所依赖的脚本执行异常操作，否则您需要做的就是在其他文件之后加载application.js。

非阻塞JavaScript下载提供了有关脚本加载方式的一些信息(并讨论了一些破坏阻塞的技术)。

在jQuery中，您可以使用：

1	$(document).ready(function(){/do stuff here/});

在执行操作之前，请确保已加载javascript并且dom已准备就绪。

在原型中，这似乎可以工作

1	document.observe("dom:loaded", function() {/do stuff here/});

如果我正确理解了您的问题，我认为这可能会有所帮助。

如果您不想依靠lib来执行此操作...我认为这可能有效：

1
2
3

function doIt() {/*do stuff here*/}

<body onloadx="doIt();"></body>

我有一个类似的问题，只有一个脚本。我想出的解决方案是将addEventListener("load",fn,false)用于使用document.createElement('script')创建的script对象。这是最后的函数，该函数可以加载任何标准JS文件，并允许您添加"后加载"脚本。

1
2
3
4
5
6
7
8
9
10

function addJavaScript( js, onload ) {
var head, ref;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
script = document.createElement('script');
script.type = 'text/javascript';
script.src = js;
script.addEventListener("load", onload, false );
head.appendChild(script);
}

我希望这会在将来对某人有所帮助。