HTML单个按钮的onclick事件能否按顺序依次执行两个脚本函数

完全可以实现，但需要注意Google Sheets侧边栏的客户端-服务端通信的异步特性，避免出现时序错误。 #

1. 纯同步函数场景的最简写法 #

如果你的SubmitRecord()和allFuntions()都是浏览器端运行的同步JS函数，不需要等待服务端返回结果，直接在onclick属性里按执行顺序写两个函数即可，用分号分隔：

<input type="button" value=" Set Configuration " onclick="SubmitRecord(); allFuntions();" class="btn btn-primary">

这种写法会严格按照书写顺序执行，前一个函数运行完成后才会启动下一个。 #

2. 涉及服务端调用的场景（适配你当前开发场景的正确写法） #

你提到SubmitRecord()需要把表单数据提交到表格的命名区域，这个操作大概率是通过google.script.run调用Apps Script服务端函数完成的——这个接口是异步非阻塞的，如果直接用上面的顺序写法，会出现「数据还没写入完成，allFuntions()就已经开始读取命名区域」的问题，最终读到旧数据、导致处理逻辑出错。
这种场景不要把逻辑堆在内联onclick里，建议单独封装客户端调度函数，依托google.script.run的成功回调保证执行顺序：

第一步：修改按钮绑定 #

<input type="button" value=" Set Configuration " onclick="handleConfigSubmit()" class="btn btn-primary">

第二步：在侧边栏的<script>标签中添加调度逻辑 #

function handleConfigSubmit() {
  // 可在此处添加表单前置校验逻辑，比如检查日期格式是否合法
  const formVal = {
    // 按需读取表单内各个输入项的值
    targetDate: document.getElementById('date_input').value
    // 其他配置字段...
  };

  // 先调用服务端提交逻辑，等待写入成功后再触发数据处理
  google.script.run
    .withSuccessHandler(() => {
      // 提交写入命名区域成功后，再执行处理函数
      // 如果allFuntions是服务端函数，用下面的写法调用
      google.script.run.allFuntions();
      // 如果allFuntions是客户端本地函数，直接写 allFuntions() 即可
    })
    .withFailureHandler((err) => {
      // 提交失败时的错误提示
      alert(`配置提交失败：${err.message}`);
    })
    .SubmitRecord(formVal);
}

注意事项 #

• 不要在异步提交场景下直接顺序写两个函数调用，否则执行时序完全无法保证
• 如果需要给处理函数传参，直接在调用时按参数顺序传入即可
• 可以在成功回调里加提交成功的提示，提升交互体验

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