如何在js文件中使用Google API

How to use Google API in a js file?

本文关键字：Google API 文件 js      更新时间：2024-02-10

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

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

但被告知该文件尚未定义。如何在js文件中使用googleapi？非常感谢。

这里，我想使用的是谷歌饲料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);
};

在使用之前，您需要包含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>

我会检查以确保您的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/

您必须在worker之外创建它，或者将其包含在脚本元素

中
相关文章：