如何在Google Apps Script HTMLService中设置链接？（连接accounts.google.com被拒）

你遇到的链接点击无反应且提示“连接accounts.google.com被拒绝”的问题，主要是两个细节问题导致的，我来帮你逐一解决：

问题分析 #

1. HTML链接语法错误：你在拼接href属性时不小心加了多余的空格，导致浏览器解析URL时把这些空格当成了地址的一部分，无法正确识别完整的Google Docs链接。
2. 模态框安全限制：Google Apps Script的模态框有严格的安全策略，默认情况下未指定正确打开方式的链接会被浏览器拦截，尤其是跳转至Google服务域名的链接。

修正后的代码 #

直接修改你的现有代码，只需要调整HTML字符串的拼接逻辑，添加必要的安全属性即可：

var newDocLink = "https://docs.google.com/document/d/1loBt7T7-4qd0ORBXiTFeDQxuG..."; // 你的Google Docs链接
// 修正href的空格问题，添加target和安全属性
var output = HtmlService.createHtmlOutput('Click <a href="' + newDocLink + '" target="_blank" rel="noopener noreferrer">here to open the link in a new tab</a>');
SpreadsheetApp.getUi().showModalDialog(output, 'My page title');

关键修改点说明 #

• 移除多余空格：原来的href= " ' + newDocLink + ' "会让URL前后带有空格，浏览器无法正确解析，修正为href="' + newDocLink + '"后，URL会被正确识别。
• 添加target="_blank"：强制链接在新标签页打开，避免模态框的上下文环境干扰跳转行为。
• 添加rel="noopener noreferrer"：这是现代浏览器的安全要求，既可以防止新页面通过window.opener访问原页面的上下文，也能避免Google的安全策略拦截跳转请求，这是解决“连接被拒绝”提示的核心。

更优雅的写法（推荐） #

如果后续需要扩展HTML内容，建议使用单独的HTML文件来编写，避免字符串拼接的麻烦，也更易维护：

1. 在你的Apps Script项目中创建index.html文件，内容如下：

<!DOCTYPE html>
<html>
  <body>
    Click <a href="<?= newDocLink ?>" target="_blank" rel="noopener noreferrer">here to open the link in a new tab</a>
  </body>
</html>

2. 在GS脚本文件中调用模板：

function showLinkModal() {
  var newDocLink = "https://docs.google.com/document/d/1loBt7T7-4qd0ORBXiTFeDQxuG...";
  var template = HtmlService.createTemplateFromFile('index.html');
  template.newDocLink = newDocLink; // 将链接传递给HTML模板
  var output = template.evaluate();
  SpreadsheetApp.getUi().showModalDialog(output, 'My page title');
}

这样的写法不仅更清晰，还能避免字符串拼接时容易出现的语法错误。

内容的提问来源于stack exchange，提问作者craftApprentice