按顺序异步加载JS脚本(等待上一个脚本完成)
Load JS scripts asynchronously in order (waiting the previous one is complete)
我正在尝试使用谷歌地图。InfoBox,但在加载这个脚本之前,必须加载GoogleMapsneneneba API。
现在我有这个代码来加载所有内容:
/**
* Load scripts asynchronously
*/
function loadScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://maps.googleapis.com/maps/api/js?key=-MY-KEY-&sensor=true&callback=initialize";
document.body.appendChild(script);
var scriptInfoBox = document.createElement("script");
scriptInfoBox.type = "text/javascript";
scriptInfoBox.src = "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox_packed.js";
document.body.appendChild(scriptInfoBox);
}
但并不总是在加载GoogleMaps之前加载GoogleMapsneneneba API。信息框一。
如何加载JS排序,等待完成上一个
您可以使用脚本的load
事件:
function loadScript(callback) {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://maps.googleapis.com/maps/api/js?key=-MY-KEY-&sensor=true&callback=initialize";
document.body.appendChild(script);
script.onload = function() {
var scriptInfoBox = document.createElement("script");
scriptInfoBox.type = "text/javascript";
scriptInfoBox.src = "http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox_packed.js";
document.body.appendChild(scriptInfoBox);
scriptInfoBox.onload = callback;
};
}
但是,您需要对代码进行一些调整,使其像这样跨浏览器安全。
只需在</body>
之前使用常规脚本标记。
<script src="http://maps.googleapis.com/maps/api/js?key=-MY-KEY-&sensor=true&callback=initialize"></script>
<script src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox_packed.js"></script>
默认情况下,浏览器将按脚本出现的顺序执行脚本。
相关文章:
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- 如何将值传递到上一个html页面
- Javascript获取上一个元素的内容
- 禁用旋转木马中的下一个按钮和上一个按钮
- 引用vue.js中v-for中的上一个值
- DOM导航-上一个同级未定义
- 构建JS测试,警报窗口重复上一个Q,而不是问下一个Q
- 如何在用户返回和上一个按钮时刷新下拉列表
- 删除“;上一个“;以及“;下一个“;基于当前幻灯片
- 按顺序异步加载JS脚本(等待上一个脚本完成)
- 谷歌应用程序脚本搜索UI下一个和上一个功能
- 添加'下一步''随机''上一个'按钮到此随机图像脚本
- 为什么我得到'undefined不是函数'在一个简单的js脚本上
- 在独立脚本上运行的函数在另一个脚本Javascript node.js上不起作用
- 如何验证多长时间的JS脚本在一个网站上运行
- 需要添加上一个/下一个切换标签脚本
- 改进这个“下一个”、“上一个”;脚本,这样它可以增加到至少3
- 只有一个文件是通过ajax在PHP上传脚本上传
- Chrome注入脚本到上一个标签
- 未选中的上一个错误值: 错误: 没有匹配的窗口 - 我在尝试使用Firefox WebExtension中的命令执行脚本