Google Apps Script 侧边栏表单提交功能调试与优化指南

DDD

发布时间：2025-10-20 10:55:16

|

807人浏览过

|

来源于php中文网

原创

在上述代码片段中，form 标签已经闭合，其后的 div 标签也已正确闭合。然而，在

BGremover

VanceAI推出的图片背景移除工具

下载

修正方案： 移除这个多余的 标签，确保所有 HTML 元素都正确嵌套和闭合。

JavaScript 逻辑错误：变量声明与赋值不当

在 JavaScript 代码中，变量的声明、赋值和使用必须准确无误。一个简单的拼写错误或变量重复声明可能导致数据丢失或函数参数传递错误。

原始代码中 SubmitRecord() 函数的问题示例：

function SubmitRecord()
{
  // ... 其他变量获取 ...
  var kode_unitcipta = document.getElementById("kode_unitcipta").value;
  var kode_unitcipta = document.getElementById("uraian").value; // 错误：重复声明并覆盖了 kode_unitcipta 的值
  var kurunwaktu_awal = document.getElementById("kurunwaktu_awal").value;
  // ... 其他变量获取 ...
  google.script.run.withSuccessHandler(returnBack)
  .AddRecord(nomor, klasifikasi, kode_unitcipta, uraian, kurunwaktu_awal, kurunwaktu_akhir, tingkat_perkembangan, media_simpan, kondisi_fisik, jumlah_berkas, kode_ruang, nomor_lemari, nomor_boks, nomor_folder);
}

这里存在两个关键问题：

1. var kode_unitcipta = document.getElementById("uraian").value; 这行代码本意可能是获取 uraian 字段的值，但却错误地将其赋值给了 kode_unitcipta 变量，并且重复声明了 kode_unitcipta。
2. 由于 kode_unitcipta 被覆盖，当 AddRecord 函数被调用时，kode_unitcipta 参数实际上是 uraian 的值，而 uraian 参数则可能因为没有被正确声明和赋值而变成 undefined。这会导致后端函数接收到错误或缺失的数据。

修正方案： 确保每个变量都正确声明，并且获取其对应的 DOM 元素值。

function SubmitRecord()
{
  document.getElementById("displayReturn").innerHTML = "";
  var nomor = document.getElementById("nomor").value;
  var klasifikasi = document.getElementById("klasifikasi").value;
  var kode_unitcipta = document.getElementById("kode_unitcipta").value;
  var uraian = document.getElementById("uraian").value; // 修正：正确声明并获取 uraian 的值
  var kurunwaktu_awal = document.getElementById("kurunwaktu_awal").value;
  var kurunwaktu_akhir = document.getElementById("kurunwaktu_akhir").value;
  var tingkat_perkembangan = document.getElementById("tingkat_perkembangan").value;
  var media_simpan = document.getElementById("media_simpan").value;
  var kondisi_fisik = document.getElementById("kondisi_fisik").value;
  var jumlah_berkas = document.getElementById("jumlah_berkas").value;
  var kode_ruang = document.getElementById("kode_ruang").value;
  var nomor_lemari = document.getElementById("nomor_lemari").value;
  var nomor_boks = document.getElementById("nomor_boks").value;
  var nomor_folder = document.getElementById("nomor_folder").value;

  google.script.run.withSuccessHandler(returnBack)
  .AddRecord(nomor, klasifikasi, kode_unitcipta, uraian, kurunwaktu_awal, kurunwaktu_akhir, tingkat_perkembangan, media_simpan, kondisi_fisik, jumlah_berkas, kode_ruang, nomor_lemari, nomor_boks, nomor_folder);
}

优化与最佳实践

除了修正上述核心错误外，遵循一些前端开发最佳实践可以使代码更健壮、易于维护。

统一脚本位置

将所有 JavaScript 代码放置在