题

我正在与两者一起工作 amq.js （ActiveMQ）和 谷歌地图. 。我按此顺序加载脚本

<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <title>AMQ & Maps Demo</title>

    <!-- Stylesheet -->
    <link rel="stylesheet" type="text/css" href="style.css"></link>

    <!-- Google APIs -->
    <script type="text/javascript" src="http://www.google.com/jsapi?key=abcdefg"></script>

    <!-- Active MQ -->
    <script type="text/javascript" src="amq/amq.js"></script>
    <script type="text/javascript">amq.uri='amq';</script>

    <!-- Application -->
    <script type="text/javascript" src="application.js"></script>
</head>

然而，在我的 application.js 中，它可以很好地加载地图，但在尝试使用 AMQ 订阅主题时出现错误。AMQ 依赖于 Firefox 中的错误控制台显示对象未定义的原型。我认为在脚本完成加载之前使用 amq 对象时遇到问题。 有没有办法确保这两个脚本在我的 application.js 中使用之前加载？

谷歌有这个很好的函数调用 google.setOnLoadCallback(initialize); 效果很好。我不确定 amq.js 有这样的东西。

有帮助吗？

解决方案

有没有办法确保这两个脚本在我的 application.js 中使用之前加载？

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

非阻塞 JavaScript 下载 有一些关于脚本如何加载的信息（并讨论了一些破坏阻塞的技术）。

其他提示

跨域脚本是在站点本身的脚本之后加载的，这就是您收到错误的原因。有趣的是，这里没有人知道这一点。

在 jquery 中你可以使用： 

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

这可以确保在做你的事情之前 JavaScript 已经加载并且 dom 已经准备好。

在原型中看起来这可能有效

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

如果我正确理解你的问题..我认为这可能有帮助..

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

<script>
   function doIt() {/*do stuff here*/}
</script>
<body onLoad="doIt();"></body>

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

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);
}

我希望这可以帮助将来的人。

有没有办法确保这两个脚本在使用之前加载？

是的。

把你想要加载的代码放在最后（你的 application.js 东西）进入原型 文档.观察. 。这应该确保代码只有在原型+其他东西完成并准备好之后才会加载。（如果你熟悉 jQuery，这个功能类似于 jQuery 的 $(document).ready )

AMQ 依赖于原型，FireFox 中的错误控制台显示对象未定义。

您的意思是 AMQ 取决于 原型库？我在您提供的代码中看不到该库的导入。

您的意思是AMQ取决于原型库吗？我在您提供的代码中看不到该库的导入。

是的，ActiveMQ 的 javascript (amq.js) 确实依赖于 Prototype。在 amq.js 中，它加载 3 个脚本：_amq.js、behavior.js 和prototype.js。

感谢您对 JavaScript 加载顺序 wrumsby 的帮助。这告诉我我的虫子在另一个城堡里:(

我想我有一个不同的问题。我还检查了 ActiveMQ 5.0 到 5.1 的 js 文件，发现它们也是相同的。5.0 到 5.1 中发生了一些变化，需要刷新才能订阅主题。我会继续寻找，但感谢您消除了这个可能的原因。

您还可以使用内置的 SharePoint javascript 方法来控制脚本的执行；

_spBodyOnLoadFunctionNames.push("yourFunction");
许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top