Добавить внутренний javascript и файл стиля в скрипт Google Apps - PullRequest
Новая
       0

Добавить внутренний javascript и файл стиля в скрипт Google Apps

2 голосов
/ 05 марта 2020

Я работаю над проектом Google Apps Script с * .gs-файлом и *. html -файлом. Я работаю в браузере на script.google.com, поэтому все эти файлы хранятся в моей учетной записи Google. В файле html я добавил несколько JavaScript в <script> -Tag, а также некоторые CSS в <style> -tag.

Я бы хотел отделить JavaScript и CSS части для отдельных файлов. Они также должны храниться в моей учетной записи Google, иметь прямые ссылки и быть легко доступными в моем проекте.

Когда я нажимаю Файл -> Новый, единственными вариантами добавления файлов в проект являются Google Apps Script или HTML. Таким образом, кажется, что это не поддерживается изначально. Но я также был бы рад обходному пути, скажем, чтобы добавить какой-нибудь файл HTML, записать в него JavaScript и как-нибудь связать его.

Моя цель - просто получить лучший обзор проекта, и в моем основном. html Я не хочу отвлекаться на JavaScript или CSS.

Подобные вопросы были заданы ранее здесь, но, похоже, они все о связывании внешних JavaScript файлы, а это не то, что я хочу.

1 Ответ

1 голос
/ 05 марта 2020

Чтобы добавить свой код JavaScript в проект скрипта Google Apps, создайте файл HTML, как указано в рекомендациях , сделайте c от Google. Пример взят из указанной страницы:

Code.gs 

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

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

Page. 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>

Другим способом является использование службы накопителей, расширенной службы накопителей или службы выборки URL-адресов для получения кода JavaScript из файла, размещенного в другом месте. .

Связано

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...