javascript - 如何: dynamically load google ajax api into chrome extension content script

Question

我正在尝试在 chorme 扩展的“内容脚本”中使用 google 的 ajax api。在常规的 html 页面上，我会这样做:

<script src="http://www.google.com/jsapi"></script>
<script>
  google.load("language", "1");
</script> 

但是因为我试图从 js 代码动态加载翻译库，所以我试过:

script = document.createElement("script");  
script.src = "http://www.google.com/jsapi";  
script.type = "text/javascript";  
document.getElementsByTagName("head")[0].appendChild(script); 
google.load('language','1')

但是最后一行抛出如下错误:

Uncaught TypeError: Object #<an Object> has no method 'load'

有趣的是，当我在 chrome 的 js 控制台中输入相同的“google.load('language','1')”时，它按预期工作...

我也尝试过使用 jquery 的 .getScript() 但同样的问题仍然存在...

有人知道问题出在哪里以及如何解决吗？

非常感谢!

Answer 1

我是这样工作的:

<script type="text/javascript">
    var headID = document.getElementsByTagName("head")[0];
    var newScript = document.createElement('script');
    newScript.type = 'text/javascript';
    newScript.src = 'http://www.google.com/jsapi';
    headID.appendChild(newScript);
</script>
<script type="text/javascript">
    google.load("language", "1");
</script>

它没有返回任何错误。