用于打开网址的Google Apps脚本

时间:2012-05-24 20:24:27

标签: html redirect google-apps-script hyperlink

有没有办法编写谷歌应用脚​​本,所以在运行时,第二个浏览器窗口会打开到www.google.com(或我选择的其他网站)?

我想在这里找到解决上一个问题的方法: Can I add a hyperlink inside a message box of a Google Apps spreadsheet

6 个答案:

答案 0 :(得分:28)

您可以构建一个小型UI来完成这样的工作:

function test(){
showURL("http://www.google.com")
}
//
function showURL(href){
  var app = UiApp.createApplication().setHeight(50).setWidth(200);
  app.setTitle("Show URL");
  var link = app.createAnchor('open ', href).setId("link");
  app.add(link);  
  var doc = SpreadsheetApp.getActive();
  doc.show(app);
  }

如果您想要显示' URL,只需更改此行:

  var link = app.createAnchor(href, href).setId("link");

编辑:中的link to a demo spreadsheet只读因为有太多人继续在其上写不需要的东西(只需复制使用)。

编辑:UiApp于2014年12月11日被Google弃用,此方法可能随时中断,需要更新才能使用HTML服务!

编辑: 下面是使用html服务的实现。

function testNew(){
  showAnchor('Stackoverflow','http://stackoverflow.com/questions/tagged/google-apps-script');
}

function showAnchor(name,url) {
  var html = '<html><body><a href="'+url+'" target="blank" onclick="google.script.host.close()">'+name+'</a></body></html>';
  var ui = HtmlService.createHtmlOutput(html)
  SpreadsheetApp.getUi().showModelessDialog(ui,"demo");
}

答案 1 :(得分:14)

此功能可打开网址,无需额外的用户互动

/**
 * Open a URL in a new tab.
 */
function openUrl( url ){
  var html = HtmlService.createHtmlOutput('<html><script>'
  +'window.close = function(){window.setTimeout(function(){google.script.host.close()},9)};'
  +'var a = document.createElement("a"); a.href="'+url+'"; a.target="_blank";'
  +'if(document.createEvent){'
  +'  var event=document.createEvent("MouseEvents");'
  +'  if(navigator.userAgent.toLowerCase().indexOf("firefox")>-1){window.document.body.append(a)}'                          
  +'  event.initEvent("click",true,true); a.dispatchEvent(event);'
  +'}else{ a.click() }'
  +'close();'
  +'</script>'
  // Offer URL as clickable link in case above code fails.
  +'<body style="word-break:break-word;font-family:sans-serif;">Failed to open automatically. <a href="'+url+'" target="_blank" onclick="window.close()">Click here to proceed</a>.</body>'
  +'<script>google.script.host.setHeight(40);google.script.host.setWidth(410)</script>'
  +'</html>')
  .setWidth( 90 ).setHeight( 1 );
  SpreadsheetApp.getUi().showModalDialog( html, "Opening ..." );
}

此方法通过创建临时对话框来工作,因此它无法在无法访问UI服务的上下文中工作,例如脚本编辑器或自定义G表格公式。

答案 2 :(得分:6)

Google Apps脚本不会自动打开网页,但可以用来显示带有链接的消息,用户可以点击它们打开所需网页的按钮,甚至可以使用Window object和像addEventListener()这样的方法可以打开网址。

值得注意的是,UiApp现已弃用。来自Class UiApp - Google Apps Script - Google Developers

  

已过时。 UI服务是deprecated on December 11, 2014。至   创建用户界面,改为使用HTML service

HTML服务链接页面中的示例非常简单,

Code.gs

// Use this code for Google Docs, Forms, or new Sheets.
function onOpen() {
  SpreadsheetApp.getUi() // Or DocumentApp or FormApp.
      .createMenu('Dialog')
      .addItem('Open', 'openDialog')
      .addToUi();
}

function openDialog() {
  var html = HtmlService.createHtmlOutputFromFile('index')
      .setSandboxMode(HtmlService.SandboxMode.IFRAME);
  SpreadsheetApp.getUi() // Or DocumentApp or FormApp.
      .showModalDialog(html, 'Dialog title');
}

index.html的自定义版本,用于显示两个超链接

<a href='http://stackoverflow.com' target='_blank'>Stack Overflow</a>
<br/>
<a href='http://meta.stackoverflow.com/' target='_blank'>Meta Stack Overflow</a>

答案 3 :(得分:2)

以先前的示例为基础,我认为有一种更干净的方法可以做到这一点。在您的项目中创建一个index.html文件,然后使用上面的Stephen的代码,只需将其转换为HTML文档即可。

<!DOCTYPE html>
<html>
  <base target="_top">
  <script>
    function onSuccess(url) {
      var a = document.createElement("a"); 
      a.href = url;
      a.target = "_blank";
      window.close = function () {
        window.setTimeout(function() {
          google.script.host.close();
        }, 9);
      };
      if (document.createEvent) {
        var event = document.createEvent("MouseEvents");
        if (navigator.userAgent.toLowerCase().indexOf("firefox") > -1) {
          window.document.body.append(a);
        }                        
        event.initEvent("click", true, true); 
        a.dispatchEvent(event);
      } else {
        a.click();
      }
      close();
    }

    function onFailure(url) {
      var div = document.getElementById('failureContent');
      var link = '<a href="' + url + '" target="_blank">Process</a>';
      div.innerHtml = "Failure to open automatically: " + link;
    }

    google.script.run.withSuccessHandler(onSuccess).withFailureHandler(onFailure).getUrl();
  </script>
  <body>
    <div id="failureContent"></div>
  </body>
  <script>
    google.script.host.setHeight(40);
    google.script.host.setWidth(410);
  </script>
</html>

然后,在您的Code.gs脚本中,您可以输入以下内容,

function getUrl() {
  return 'http://whatever.com';
}

function openUrl() {
  var html = HtmlService.createHtmlOutputFromFile("index");
  html.setWidth(90).setHeight(1);
  var ui = SpreadsheetApp.getUi().showModalDialog(html, "Opening ..." );
}

答案 4 :(得分:1)

window.open(url) 1会自动打开网页,前提是禁用了弹出窗口阻止程序(斯蒂芬的answer就是这种情况)

openUrl.html

<!DOCTYPE html>
<html>
  <head>
   <base target="_blank">
    <script>
     var url1 ='https://stackoverflow.com/a/54675103';
     var winRef = window.open(url1);
     winRef ? google.script.host.close() : window.alert('Allow popup to redirect you to '+url1) ;
     window.onload=function(){document.getElementById('url').href = url1;}
    </script>
  </head>
  <body>
    Kindly allow pop ups</br>
    Or <a id='url'>Click here </a>to continue!!!
  </body>
</html>

code.gs:

function modalUrl(){
  SpreadsheetApp.getUi()
   .showModalDialog(
     HtmlService.createHtmlOutputFromFile('openUrl').setHeight(50),
     'Opening StackOverflow'
   )
}    

答案 5 :(得分:0)

这两者之间的唯一区别是:

  • var link = app.createAnchor('open',href).setId(“link”);
  • var link = app.createAnchor(href,href).setId(“link”);

是在第一种情况下,链接将在对话框中显示“打开”。到目前为止,我发现没有办法自动打开链接...(见https://developers.google.com/apps-script/class_anchor)。

自动打开文档的唯一方法似乎是:

var doc = DocumentApp.openById(foundFile.getId());

但是我不确定应该用doc做什么!即没有doc.show()......