我也是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');

最佳答案

您只需要在您的正文中添加onload即可在页面加载时调用您的函数。

例如,

<body onload="makeShort()">

08-04 21:55
查看更多