0

我想在 js 文件中使用 Google API，我该如何使用它？我尝试直接在 js 文件中使用 google.load() 但被告知未定义 google。然后我尝试使用以下代码

var s = document.createElement('script');

但被告知文档未定义。我应该怎么做才能在 js 文件中使用 google api？谢谢你。

这里我要使用的是Google Feed API。

我使用的html代码是

<!DOCTYPE HTML>
<html>
    <head>
        <title>
            Example
        </title>
        <script src="https://www.google.com/jsapi" type="text/javascript"></script>
    </head> 

    <body>
        <div>
            <p id="computation_results">please wait, computing … </p>
        </div>
        <script>
            var worker = new Worker('numberworker.js');
            worker.postMessage({first:123,second:456});
            worker.onmessage = function (event)
            {
                alert(event.data);
                document.getElementById('computation_results').textContent = event.data;
            };
        </script>
    </body>
</html>

我想使用api的js文件是

// Our callback function, for when a feed is loaded.
function feedLoaded(result) {
if (!result.error) {
    var container = document.getElementById("content");
    container.innerHTML = '';
    for (var i = 0; i < result.feed.entries.length; i++) {
      var entry = result.feed.entries[i];
      var div = document.createElement("div");
      div.appendChild(document.createTextNode(entry.title));
      container.appendChild(div);
    }
  }
}
function OnLoad() {
  var feed = new google.feeds.Feed("http://www.digg.com/rss/index.xml");
  feed.load(feedLoaded);
}

onmessage = function (event) 
{ 
    var fileref=document.createElement('script');
    var filename="https://www.google.com/jsapi";
    fileref.setAttribute("type","text/javascript");
    fileref.setAttribute("src", filename);
    document.getElementsByTagName("head")[0].appendChild(fileref);
//  google.load("feeds", "1");
//  google.setOnLoadCallback(OnLoad);
    var first=event.data.first; 
    var second=event.data.second; 
    postMessage("Work done! "+ " "+first+" "+second);
};
4

2 回答 2

0

我会检查以确保您的 html 首先经过验证，或者提供指向测试文件的链接。任何最轻微的错误都可能导致您遇到任意数量的错误。我在一个文件中尝试了以下代码，用标签包装，并且能够加载 api。要使用 javascript 加载 javascript 文件，您将使用以下内容

var fileref=document.createElement('script');
var filename="https://www.google.com/jsapi";
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", filename);
document.getElementsByTagName("head")[0].appendChild(fileref);

然后在它之后你使用api调用

google.load(....)\

编辑：

您正在使用 html5 网络工作者，它使用浏览器之外的进程来创建脚本。这是不可能的，因为 html5 工作人员无权访问 DOM。http://www.sitepoint.com/javascript-threading-html5-web-workers/

您必须在工作人员之外创建它或包含在脚本元素中

于 2012-07-23T18:51:07.427 回答
0

您需要先包含 API，然后才能使用它。试着把它放在你的头块中：

<script type="text/javascript" src="https://www.google.com/jsapi"></script>

要加载提要 API，您可以使用另一个脚本块，如下所示：

<script type="text/javascript">
    google.load("feeds", "1");
    var feed = new google.feeds.Feed("<<url here>>");
    ...
</script>
于 2012-07-23T18:40:37.583 回答