Javascript 在应用程序脚本中分离html文件

Javascript 在应用程序脚本中分离html文件,javascript,html,css,google-apps-script,Javascript,Html,Css,Google Apps Script,我有一个应用程序脚本文件,我想分离我的html和css。考虑到我们无法在应用程序脚本中创建.css文件,我已经创建了一个文件“mainmenucss.html”,并将我的css放在一个样式标记中,并使用include函数(见下文)将该文件添加到其中,但当我这样做时,没有显示任何样式 index.html <!DOCTYPE html> <html> <head> <?!= include('mainmenucss.html') ?>

我有一个应用程序脚本文件,我想分离我的html和css。考虑到我们无法在应用程序脚本中创建.css文件,我已经创建了一个文件“mainmenucss.html”,并将我的css放在一个样式标记中,并使用include函数(见下文)将该文件添加到其中,但当我这样做时,没有显示任何样式

index.html

<!DOCTYPE html>
<html>
  <head>

    <?!= include('mainmenucss.html') ?> 
  </head>
mainmenucss.html

    <style>

      /*-- Text you have "X" emails left --*/
      div {
        display: block;
      }

      body {
        font: normal 10pt Arial, sans-serif;
      }
</style>

/*--你还有“X”封邮件吗--*/
div{
显示:块;
}
身体{
字体:标准10pt Arial,无衬线;
}

这次修改怎么样

我认为在您的脚本中,
return HtmlService.createTemplateFromFile(filename).getContent()处可能会发生错误。因为HtmlTemplate没有
getContent()
的方法。那么下面的修改呢

发件人: 致: 或

致: 注:
  • 如果上述修改未能解决您的问题,您能否提供
    mainmenucss.html
    的脚本
  • 如果您正在使用Web应用,请在修改脚本时将Web应用重新部署为新版本。由此,最新的脚本将反映到Web应用程序中
参考资料:

如果我误解了你的问题,而这不是你想要的结果,我道歉。

谢谢,但这也不起作用。样式表只是标签中的一个标准样式表,我知道它可以工作,因为我可以将它粘贴到主html文件中,并且工作正常。ps@Tanaike我已经更新了上面的代码。这有用吗?谢谢@Luke Byrne感谢您的回复和更新您的问题。给您带来不便,我深表歉意。当我看到您更新的问题时,我注意到您的脚本不正确。当您想要使用
createHtmlOutFromFile
时,请修改
返回HtmlService.createHtmlOutFromFile(文件名).evaluate.getContent()
to
返回HtmlService.createHtmlOutputFromFile(文件名).getContent()。修改脚本后,请将Web应用重新部署为新版本,然后再次运行脚本。再次感谢,但这也不起作用。我再次修改了代码并加入了一些css。当我在工作表中运行这个web应用程序时,我的提示中也显示了css,这可能是问题所在,所以我想我会让你知道。
    <style>

      /*-- Text you have "X" emails left --*/
      div {
        display: block;
      }

      body {
        font: normal 10pt Arial, sans-serif;
      }
</style>
return HtmlService.createTemplateFromFile(filename).getContent();
return HtmlService.createTemplateFromFile(filename).evaluate().getContent();
return HtmlService.createHtmlOutputFromFile(filename).getContent();