如何在 Google Script App 中包含 CSS 和 javascript 文件

Question

我是Google App Script的新手。 我在谷歌脚本应用程序中完成了编码。 我已阅读添加 CSS 和 JavaScript 的最佳实践。我已按照此文档创建了一个 JavaScript 和 CSS 文件。 但是当我运行这段代码时，它显示错误的 output。

文档链接： https://developers.google.com/apps-script/guides/html/best-practices#separate_html_css_and_javascript

我的代码如下：

代码.gs

function doGet(request) {
  return HtmlService.createTemplateFromFile('page')
    .evaluate();
}

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

function onOpen() {
  SpreadsheetApp.getUi() // Or DocumentApp or SlidesApp or FormApp.
    .createMenu('Dialog')
    .addItem('Open', 'openSidebar')
    .addToUi();
}

function openSidebar() {
    var htmlOutput = HtmlService.createHtmlOutputFromFile('page').setTitle('Dashboard');

SpreadsheetApp.getUi().showSidebar(htmlOutput); }

页.html

<!DOCTYPE html>
<html>

<head>
  <base target="_top">
  <?!= include('stylesheet'); ?>
</head>

<body>
  <h1>Welcome</h1>
  <p>Please enjoy this helpful script.</p>
  <?!= include('javascript'); ?>
</body>

</html>

样式表.html

<style>
  p {
    color: green;
  }
</style>

javascript.html

<script>
  window.addEventListener('load', function() {
  console.log('Page is loaded');
});
</script>

当我使用“opOpen”选项单击运行时，它运行成功，但在外面没有任何效果。 它的节目包括线。

谁能告诉我哪里做错了。

Answer 1

我会在这里写下答案，因为它的可读性更好。

你的openDialog function 应该是这样的

function openDialog() {
    var html = HtmlService.createTemplateFromFile('page').evaluate();
    SpreadsheetApp.getUi().showModalDialog(html, 'Dialog title');
}

您也不需要doGet模式对话框或侧边栏！

如何在 Google Script App 中包含 CSS 和 javascript 文件

问题描述

1 个解决方案

解决方案1
2 2022-11-30 11:56:04

如何在 Google Script App 中包含 CSS 和 javascript 文件

问题描述

1 个解决方案

解决方案1 2 2022-11-30 11:56:04

解决方案1
2 2022-11-30 11:56:04