用JavaScript动态加载JavaScript

Dynamically load JavaScript with JavaScript

本文关键字：JavaScript 加载 动态      更新时间：2023-09-26

经过一个多小时的尝试让它工作，我认为这是因为跨域政策，但我真的认为这将工作。我也找不到很多关于它的信息。但是，这是我的问题。我有一个叫做http://mysite.com的网站，然后我包括一个第三方脚本(我写的)和它在http://supercoolsite.com/api/script.js，这个脚本需要动态加载谷歌地图api在:http://maps.google.com/maps/api/js?sensor=false之前运行。嗯，我认为这段代码可以工作:

function loadScript(filename,callback){
  var fileref=document.createElement('script');
  fileref.setAttribute("type","text/javascript");
  fileref.setAttribute("src", filename);
  fileref.onload = callback();
  if (typeof fileref!="undefined"){
    document.getElementsByTagName("head")[0].appendChild(fileref)
  }
}
loadScript('http://maps.google.com/maps/api/js?sensor=false',function(){
  console.log('done loading');
  init();
});

但是我在控制台的反应是:

api.js:408 done loading
api.js:115 test
api.js:310 Uncaught ReferenceError: google is not defined

"test"位于init()的顶部。它在加载脚本，但似乎没有执行。有什么想法吗?如果这是一个跨站点脚本问题，我唯一能想到的解决这个问题的方法是在我们的端有一个PHP脚本，基本上只是将标题设置为文本/javascript标题，然后将echo file_get_contents()设置为我们托管的googlemaps.php文件。就在我们说话的时候，我正要尝试一下，但是，如果可能的话，用纯JS来做这件事会很棒。

注:我还尝试添加jQuery，然后做getScript()，它仍然没有工作

——

看这个小提琴:http://jsfiddle.net/ycMCa/2/

你会看到在控制台中出现错误:Uncaught TypeError: undefined is not a function

尽管google变量是全局的，

你只是有一个小错误:

fileref.onload = callback();

这将立即调用callback，并将其返回值赋值给fileref.onload。

应该是

fileref.onload = callback;

您还应该在设置源之前添加处理程序(以防万一)。

相关文章：