是否可以在 Google Apps 脚本上创建导航栏？

Question

我一直在尝试在 Google Apps 脚本上创建导航栏。当

onclick

时，我希望导航显示某个页面。我尝试在锚标记中使用

onclick()

，但似乎

onclick()

功能不适用于 Apps 脚本中的锚标记...还有其他方法可以在 Apps 脚本中创建导航栏吗？

编辑

抱歉，我想我让你对这个问题感到困惑了。我想在独立的 Web 应用程序中放置一个导航栏，并且我正在使用 google appscript 构建该 Web 应用程序。但是当我想将页面（关于、新闻）链接到导航栏时，我遇到了问题。例如，当我单击导航栏时，它将显示此 n-fde2z55pv56hs752i7fn5pz4auy44qtfz7bsfzi-0lu-script.googleuser... 而不是新闻页面。我注意到，如果我在 achor 标签中包含 onclick() ，它会将我重定向到此链接 https://n-fde2z55pv56hs752i7fn5pz4auy44qtfz7bsfzi-0lu-script.googleusercontent.com/userCodeAppPanel#about.

我将在下面包含我的代码，以便您可以清楚地了解我的问题：

下面是我的代码：

    ### HTML code ###

    <!-- language: lang-html -->
    
    <div class="topnav" id="myTopnav">
        <a  href=#news onclick="openNews()">News</a>
        <a  href=#about onclick="openAbout()">About</a>
        <a href="javascript:void(0);" class="icon" onclick="myFunction">
            <i class="fa fa-bars"></i>
        </a>
    </div>
    
    <div id="aboutDisplay" class="aboutDisplay">
        <div class="container">
            <p>about page</p>
        </div>
    </div>

      <div style="display:none" id="newsDisplay" class="newsDisplay">
        <div class="container">
            <p>news page</p>
        </div>
    </div>

    ### Javascript ###
    function openAbout() {
        document.getElementById("aboutDisplay").style.display = "block";
        document.getElementById("newsDisplay").style.display = "none"; 
    }  

     function openNews() {
        document.getElementById("aboutDisplay").style.display = "none";
        document.getElementById("newsDisplay").style.display = "block"; 
    }

Answer 1

诚然，它很简单，但对我来说它看起来像一个导航栏。

gs：

function launchmydialog() {
  SpreadsheetApp.getUi().showModelessDialog(HtmlService.createHtmlOutputFromFile('ah2'),'Test');
}

html:

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <style>
      .topnav{height: 50px; width:90%;border:2px solid black;padding:5px;}
      a{margin:2px 5px;font-family:calibri;font-size:24px;text-decoration:none;}
    </style>
  </head>
  <body>
    <div class="topnav" id="myTopnav">
    <a  href=#news onclick="openNews()">News</a>
    <a  href=#about onclick="openAbout()">About</a>
    <a href="javascript:void(0);" class="icon" onclick="myFunction">
        <i class="fa fa-bars"></i>
    </a>
</div>
  <script>
     function openNews() {
       window.alert('You clicked openNews')
     }
     function openAbout() {
       window.alert('You clicked openAbout')
     }
  </script>
  </body>
</html>

对话框图像：

Answer 2

以下链接，试试吧

帮助 https://www.bpwebs.com/create-a-multi-page-google-apps-script-web-app/

是否可以在 Google Apps 脚本上创建导航栏？

问题描述投票：0回答：2

编辑

2个回答

最新问题

是否可以在 Google Apps 脚本上创建导航栏？

问题描述 投票：0回答：2

编辑

2个回答

最新问题

问题描述投票：0回答：2