将内部JavaScript和样式文件添加到Google Apps脚本

Question

将内部JavaScript和样式文件添加到Google Apps脚本

3

我正在开发一个Google应用脚本项目，其中包括一个*.gs文件和一个*.html文件。我在浏览器上使用工作，所以所有这些文件都存储在我的Google账户中。在HTML文件中，我添加了一些JavaScript代码到<script>标签中，并在<style>标签中添加了一些CSS。

我想将JavaScript部分和CSS部分分别保存到独立的文件中。它们也应该存储在我的Google帐户中，并且能够直接链接并轻松访问我的项目。

当我点击文件-->新建时，添加文件到项目的唯一选项是Google应用脚本或HTML。因此，似乎不支持原生功能。但我也可以使用解决方法，例如添加一些HTML文件，将JavaScript代码写入其中并进行链接等操作。

我的目标只是为了更好地了解项目，在我的main.html中，我不想被JavaScript或CSS分心。

类似的问题曾在此处提出，但似乎它们都是关于链接外部JavaScript文件的，这不是我想要的。

- user11909477

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Rubén · Accepted Answer

将JavaScript代码添加到Google Apps Script项目中，按照Google的最佳实践文档中的说明创建一个HTML文件。以下是从该页面引用的示例：

Code.gs

function doGet(request) {
  return HtmlService.createTemplateFromFile('Page')
      .evaluate();
}

function include(filename) {
  return HtmlService.createHtmlOutputFromFile(filename)
      .getContent();
}

Page.html

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <?!= include('Stylesheet'); ?>
  </head>
  <body>
    <h1>Welcome</h1>
    <p>Please enjoy this helpful script.</p>
    <?!= include('JavaScript'); ?>
  </body>
</html>

Stylesheet.html

<style>
p {
  color: green;
}
</style>

JavaScript.html

<script>
window.addEventListener('load', function() {
  console.log('Page is loaded');
});
</script>

另一种方法是使用Drive服务、Drive高级服务或URL Fetch服务，从托管在其他地方的文件中获取JavaScript代码。