如何在谷歌应用程序脚本中提供html文件的链接

Question

我的脚本项目中有多个html文件。我想使用锚标记链接不同的html文件。像一个href =“链接到同一个应用程序脚本项目中的另一个html文件”。我如何实现这一目标？该文件必须在同一窗口上重新加载。

Answer 1

假设应用程序是通过HtmlService提供的，我们可以使用script runners从项目文件中检索新的html。内容刚刚删除/添加到现有元素，同时在单页面应用程序中切换其可见性，而不是浏览器执行实际窗口重新加载。

如果您不需要＆＃34;页面＆＃34;要在点击它们时重新加载，你可以先加载所有的html。

Sample code

Live demo

Answer 2

1. 假设有page1（html文件）和page2（html文件）。按如下方式更改Code.gs：

   function doGet(e) {
       Logger.log( Utilities.jsonStringify(e) );
       if (!e.parameter.page) {
           return HtmlService.createTemplateFromFile('page1').evaluate();
       }
       return HtmlService.createTemplateFromFile(e.parameter['page']).evaluate();
   }
   
   
   function getScriptUrl() {
       var url = ScriptApp.getService().getUrl();
       return url;
   }
   

2. 添加<base target="_top"> 标记到每个html文件。

3. 可以通过以下方式链接到html中的另一个html：

   <?var url = getScriptUrl();?>window.top.location.href = '<?!=url?>?page=page2';

   或

   <?var url = getScriptUrl();?><a href = '<?!=url?>?page=page2'>Jump to page2</a>

有关详细信息，请参阅here。