Javascript 可以在谷歌应用程序脚本上创建导航栏吗？_Javascript_Html_Google Apps Script

Javascript 可以在谷歌应用程序脚本上创建导航栏吗？

javascript html google-apps-script

Javascript 可以在谷歌应用程序脚本上创建导航栏吗？,javascript,html,google-apps-script,Javascript,Html,Google Apps Script,我一直在尝试在谷歌应用程序脚本上创建一个导航栏。当点击onclick时，我希望导航显示某个页面。我尝试在锚定标记中使用onclick（），但似乎onclick（）函数无法在应用程序脚本中使用锚定标记。。。有没有其他方法可以让我在应用程序脚本中创建导航栏编辑对不起，我想我把你的问题弄糊涂了。我想在一个独立的webapp中放置一个导航栏，我正在使用googleappscript构建这个webapp。但是，当我想将页面（关于、新闻）链接到导航栏时，我遇到了问题。例如，当我单击导航栏时，它将显示此

我一直在尝试在谷歌应用程序脚本上创建一个导航栏。当点击

onclick

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

onclick（）

，但似乎

onclick（）

函数无法在应用程序脚本中使用锚定标记。。。有没有其他方法可以让我在应用程序脚本中创建导航栏

编辑对不起，我想我把你的问题弄糊涂了。我想在一个独立的webapp中放置一个导航栏，我正在使用googleappscript构建这个webapp。但是，当我想将页面（关于、新闻）链接到导航栏时，我遇到了问题。例如，当我单击导航栏时，它将显示此n-FDE2Z55PV56HS752I7FN5PZ4AUY44QTFZ7BSFZZI-0lu-script.googleuser…而不是新闻页面。我注意到，如果我在achor标记中包含onclick（），它会将我重定向到这个链接

我将在下面列出我的代码，以便您能够清楚地了解我的问题：

下面是我的代码：

    ### 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"; 
    }

###HTML代码###
关于页面
新闻页
###Javascript###
函数openAbout（）{
document.getElementById（“aboutDisplay”）.style.display=“block”；
document.getElementById（“newsDisplay”）.style.display=“无”；
}  
函数openNews（）{
document.getElementById（“aboutDisplay”）.style.display=“无”；
document.getElementById（“newsDisplay”）.style.display=“block”；
}

无可否认，它很简单，但在我看来，它就像一个导航条

一般事务：

html:


.topnav{高度：50px；宽度：90%；边框：2px纯黑色；填充：5px；}
{margin:2px 5px；字体系列：calibri；字体大小：24px；文本装饰：无；}
函数openNews（）{
window.alert（'您单击了openNews'）
}
函数openAbout（）{
window.alert（'您单击了openAbout'）
}

对话框的图像：

如果您谈论的是一个对话框或网络应用程序，那么是的，您可以放置一个导航栏。但这不是一个谷歌应用程序脚本问题，而是一个html/css问题。请添加一个包含控制台的脚本messages@Cooper您好，很抱歉让您困惑，是的，我想在一个独立的webapp中放置一个导航栏，我正在使用googleappscript构建webapp。但是，当我想将页面（关于、新闻）链接到导航栏时，我遇到了问题。例如，当我单击导航栏时，它将显示此内容，而不是新闻页面。@Rubén嗨，我已经将其添加到我的帖子中了^^

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

<!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>