Как указать ссылку на файл html в скрипте приложения Google

Question

У меня есть несколько html-файлов в моем проекте script.I хочу связать различные html-файлы с помощью тега anchor. Как ссылка href = "на другой html-файл в том же приложении скриптовый проект ". Как мне это достичь? Файл должен перезагрузиться в том же окне.

Answer 1

Предполагая, что приложение обслуживается через HtmlService, мы можем использовать script runners для извлечения нового html из файлов проекта. Содержимое просто удаляется/добавляется к существующим элементам при переключении их видимости в одностраничном приложении, а браузер выполняет фактическую перезагрузку окна.

Если вам не нужны «страницы», которые нужно перезагрузить при их нажатии, вы можете просто загрузить все html upfront.

Sample code

Live demo

Answer 2

1. Пусть имеется стр.1 (HTML-файл) и стр.2 (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 можно будет в follwing образом:

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

   или

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

См here для получения дополнительной информации.