我也是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()">