Question

我也是Google Developer Console和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');

Answer 1

你只需要在你的身体上添加一个onload，它会在你的页面被加载时调用你的函数。

例如，

<body onload="makeShort()">

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

1 个答案: