如何将Google Apps Script Web App的JS脚本移至独立文件并保留功能？

步骤1：创建独立客户端脚本文件 #

在你的Google Apps Script项目中新建一个脚本文件（比如命名为ClientScript.js），将原HTML内联脚本中的纯代码部分粘贴进去（务必去掉<script>标签）：

function AddRow() {
  var firstname = document.getElementById("firstname").value;
  var lastname = document.getElementById("lastname").value;
  google.script.run.AddRecord(firstname, lastname);
  document.getElementById("firstname").value = '';
  document.getElementById("lastname").value = '';
}

步骤2：修改WebApp.html引入外部脚本 #

将原WebApp.html中<head>里的内联<script>代码块，替换为以下代码，用于加载刚才创建的独立脚本文件：

<script>
  <?!= HtmlService.createHtmlOutputFromFile('ClientScript.js').getContent(); ?>
</script>

（注：这里使用Google Apps Script的模板语法，直接将外部脚本的内容注入到HTML中，保证客户端能正常调用AddRow函数）

专业术语说明 #

这个操作的专业术语是内联脚本外部化（Externalizing Inline Scripts），核心是将原本嵌入HTML文档中的脚本代码抽离为独立的外部文件，提升代码的可维护性与复用性。

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