Google Apps脚本使用功能写入HTML

Question

我正在尝试编写一个Google Apps脚本，当它作为Web应用发布时，将具有一个按钮，当按下该按钮时，它将调用Code.gs中的一个函数，该函数将显示或隐藏一段html（实际上，更改html的样式具有特定ID的div）。

这是我设置的一个小案例：

我的index.html文件：

<!DOCTYPE html>
<html>
<head>
  <base target="_top">
</head>

<body>

  <button onclick="google.script.run.myFunction()">Click Me</button>

  <div id="myDIV">
    This is my DIV I want to Reveal/Hide.
  </div>

 </body>
</html>

我的Code.gs文件：

function doGet() {
  var template = HtmlService.createTemplateFromFile("index.html");
  var html = template.evaluate();
  return HtmlService.createHtmlOutput(html);
  }

function myFunction() {  
  var x = document.getElementById("myDIV");/*Where the Reference Error Shows Up*/
  if (x.style.display === "none") {
    x.style.display = "block";
    } 
    else {
      x.style.display = "none";
      }
   }

我在调试时不断遇到的错误是：ReferenceError：未定义“文档”。 发布后，该按钮将显示myDIV，并且单击该按钮将不执行任何操作。

我假设问题是我不应该使用document.getElementByID（），而应该使用somethingelse.getElementByID（），但是我不知道那是什么。 我在网上寻找的大多数情况并非特定于Google Web Apps。 任何帮助，将不胜感激。

Answer 1

您需要注意每个代码的执行位置：GS代码是在“服务器端”执行的，因此不能引用作为导航器（“客户端”）变量的document 。

将myFunction()添加到您的HTML中，然后直接使用onclick="myFunction();"调用onclick="myFunction();" ，这应该够了吧。

问候，

Google Apps脚本使用功能写入HTML

问题描述

1 个解决方案

解决方案1
1 2019-01-15 17:02:52

Google Apps脚本使用功能写入HTML

问题描述

1 个解决方案

解决方案1 1 2019-01-15 17:02:52

解决方案1
1 2019-01-15 17:02:52