Question

我有一个我正在加载的模板化HTML文件，可以使用下面的代码中所示的函数加载其他HTML。我试图让包含的函数在脚本标记中运行。这是Google Sheet脚本中的HTMLService。

在 Code.gs 我有

function doGet() {
  var template = HtmlService.createTemplateFromFile("template")
                            .evaluate() 
                            .setTitle('My Title')
                            .setHeight(700)
                            .setWidth(1000)
                            .setSandboxMode(HtmlService.SandboxMode.NATIVE);

  return template

//  SpreadsheetApp.getActive().show(template);
};

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

function includeRaw(filename) {
    return HtmlService.createTemplateFromFile(filename).getRawContent();
}

在 template.html 中，我有

<!DOCTYPE html>
<html>
    <head>
     <base target="_top">
      <?!= include('mystylesheet'); ?>
     <?!= includeRaw('Billets_JS'); ?>

   </head>
   <body> ...(more body)
      <select id="optionListYear" onchange="setFormList()">
         <option>Option 1</option>    
         <option>Option 2</option>    
      </select>
  </body>
</html>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script>
  function setFormList() {
    alert("In setFormList");
    MyNEwFunction();
  }

</script>

我还尝试了JavaScript文件的直接include（）函数

Billets_JS 有这个：

<script>
    alert("Script included!");

// This code in this function runs when the page is loaded IF in the initial html file.
$(function() {

  alert("In the intial function");
});

function MyNewFunction() {
  alert("In My New Function");

}
</script>

我只能加载带有脚本（“Billets_JS”）的HTML文件。如果我有警报（）;在此包含文件中的任何函数之外的行，例如显示的那一行，该行运行。所以我得到一个警告框，上面写着“包含脚本！”但不是“在初始功能中”的那个。

但我似乎无法以这种方式调用MyNewFunction（）。我使用了Code.gs中的Include函数

有没有办法加载将运行的脚本而不将其全部放入初始加载的文件中？只需将函数移动到最初加载的文件即可，但我宁愿将它们隔离开来。

Answer 1

您的问题是由于加载JavaScript脚本的顺序造成的;因为Billets_JS依赖于jQuery，所以它应该在之后加载。

简单地移动：

<?!= includeRaw('Billets_JS'); ?>

出现在：
之后
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> </script>

如果您想积极主动，可以在Billets_JS脚本的顶部检查jQuery的可用性，如下所示：

if (typeof jQuery == 'undefined') { alert("No jQuery"); }

HTML文件中包含的脚本无法在Google Apps脚本HTMLService中运行

1 个答案: