javascript - 自动为当前URL生成goo.gl短URL

标签 javascript window.location generated goo.gl

我也是 Google 开发者控制台和 JavaScript 新手。我想自动生成当前页面网址的短网址。

我有这个带有 onclick 事件属性的工作行,但我希望它在页面加载后自动生成:

HTML:

<div id='output'>google link display here</div><br/>

<button onclick="makeShort();">create shorten link</button>

JS:

    function makeShort() 
    {
   var pageURL=window.location.href;
        var request = gapi.client.urlshortener.url.insert({
        'resource': {
          'longUrl': pageURL
        }
        });
        request.execute(function(response) 
        {

            if(response.id != null)
            {
                str ="<b>Short URL:</b> <a href='"+response.id+"'>"+response.id+"</a><br>";
                document.getElementById("output").innerHTML = str;
            }
            else
            {
                alert("error: creating short url");
            }

        });
     }
        $(window).load(function load()
    {
     gapi.client.setApiKey('AAAAaaaa_XXXXXXxxxx'); //here my API KEY
     gapi.client.load('urlshortener', 'v1',function(){});

    });

我想这个函数应该是这样的:

shortThis(window.location.href);

shortThis('https://www.google.com');

最佳答案

您只需向正文添加一个 onload,每当页面加载时就会调用您的函数。

例如,

<body onload="makeShort()">

关于javascript - 自动为当前URL生成goo.gl短URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28438951/

相关文章:

java - 警告 : No processor claimed any of these annotations: javax. 注释。已生成

Java:如何检查生成的关卡是否可行?

javascript - window.location 和 SEO

javascript - 如何通过 Node JS 从 Python 调用并检索结果?

javascript - 如何成功地将字符串附加到书签中的网址而不重复?

javascript - 使用 window.location 的基于计时器的重定向问题

java - 生成的 XSD 不会解码 XML

javascript - 使用 Jasmine 在 CoffeeScript 中测试 Backbone.js 时出现类型错误

javascript - 如何将一条线标记为始终失败?

javascript - 在 PhoneGap 中调用 window.location.href 触发网络浏览器