Google Appsのスクリプトに内部JavaScriptとスタイルファイルを追加します。

マーティン・ブランデンブルク：

私は* .GS-ファイルおよび* .htmlのファイルでGoogle Apps Scriptのプロジェクトに取り組んでいます。私は上のブラウザで動作するscript.google.comので、すべてのこれらのファイルは私のGoogleアカウントに保存されています、。HTMLファイル内の私は、いくつかのJavaScriptを追加した<script>中にもいくつかのCSSとして-Tag <style>-tag。

私は別々のファイルにJavaScriptとCSS部分を分離したいと思います。彼らはまた、私のGoogleアカウントに保存され、直接リンクされて、私のプロジェクトに簡単にアクセスする必要があります。

私は、ファイルをクリックすると - > [プロジェクトにファイルを追加するための新しいオプションだけでは、Google AppsスクリプトやHTMLです。だから、これはネイティブでサポートされていないようです。しかし、私はまた、回避策と幸せになるいくつかのHTMLファイルを追加すると言う、それにJavaScriptを書いて、何とかそれを結ぶでしょう。

私の目標は、プロジェクトのよりよい概観を持っているだけで、私のmain.htmlとで私はJavaScriptやCSSで気が紛れるする必要はありません。

私が欲しいものではありませんこれは、同様の質問はここで前に依頼されているが、それは彼らがすべての外部JavaScriptファイルをリンクについているようです。

ルーベン：

指示されたとしてGoogle AppsスクリプトプロジェクトにJavaScriptコードを追加するには、HTMLファイルを作成し、ベストプラクティスドキュメントグーグルから。参照するページから取られた例：

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>

Stylesheet.html

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

JavaScript.html

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

もう一つの方法は、ドライブのサービスを使用することで、ドライブの高度なサービスまたはURLが別の場所でホストされているファイルからJavaScriptコードを取得するにはサービスを取得します。

Google Appsのスクリプトに内部JavaScriptとスタイルファイルを追加します。

おすすめ