将Javascript变量作为href传递给HTML按钮

我有一个javascript，它获取一个用户文件夹ID，并返回一个指向该文件夹的链接

    <script>
        function onSuccess(ID_FOLDER) {
        var div = document.getElementById('output');
        var FolderPathURL = "https://drive.google.com/drive/folders/"+ID_FOLDER+"";
        div.innerHTML = "<a href='"+FolderPathURL+"' target='_blank'>Link to Folder</a>"
        }
        google.script.run.withSuccessHandler(onSuccess).getFolderIds();
    </script>

函数onSuccess（ID\u文件夹）{
var div=document.getElementById（'output'）；
var FolderPathURL=”https://drive.google.com/drive/folders/“+ID_文件夹+”；
div.innerHTML=“”
}
google.script.run.withSuccessHandler（onSuccess.getFolderId（）；

html如下所示，并显示一个href链接。这就像现在一样有效

<div id="output">Folder URL</div>

文件夹URL

但我需要的链接是一个按钮（谷歌css蓝色行动按钮），所以当他们点击按钮链接打开

<button class="action">Show Folder</button> 

显示文件夹

将此类添加到相关链接标记中：

.button-blue {
  background: -moz-linear-gradient(top, #4d90fe, #4787ed);
  background: -ms-linear-gradient(top, #4d90fe, #4787ed);
  background: -o-linear-gradient(top, #4d90fe, #4787ed);
  background: -webkit-linear-gradient(top, #4d90fe, #4787ed);
  background: linear-gradient(top, #4d90fe, #4787ed);
  border: 1px solid #3079ed;
  color: #fff;
}

---

将此类添加到相关链接标记：

.button-blue {
  background: -moz-linear-gradient(top, #4d90fe, #4787ed);
  background: -ms-linear-gradient(top, #4d90fe, #4787ed);
  background: -o-linear-gradient(top, #4d90fe, #4787ed);
  background: -webkit-linear-gradient(top, #4d90fe, #4787ed);
  background: linear-gradient(top, #4d90fe, #4787ed);
  border: 1px solid #3079ed;
  color: #fff;
}

---

从HTML5开始，按钮支持formaction属性。最重要的是，不需要javascript或欺骗

更改：

  div.innerHTML = "<a href='"+FolderPathURL+"' target='_blank'><button class="action button-blue">Show Folder</button> </a>"

  div.innerHTML = "<form><button formaction='"+FolderPathURL+"'>Show Folder</button></form>"

div.innerHTML=“”

至：

  div.innerHTML = "<a href='"+FolderPathURL+"' target='_blank'><button class="action button-blue">Show Folder</button> </a>"

  div.innerHTML = "<form><button formaction='"+FolderPathURL+"'>Show Folder</button></form>"

div.innerHTML=“显示文件夹”

从HTML5开始，按钮支持formaction属性。最重要的是，不需要javascript或欺骗

更改：

  div.innerHTML = "<a href='"+FolderPathURL+"' target='_blank'><button class="action button-blue">Show Folder</button> </a>"

  div.innerHTML = "<form><button formaction='"+FolderPathURL+"'>Show Folder</button></form>"

div.innerHTML=“”

至：

  div.innerHTML = "<a href='"+FolderPathURL+"' target='_blank'><button class="action button-blue">Show Folder</button> </a>"

  div.innerHTML = "<form><button formaction='"+FolderPathURL+"'>Show Folder</button></form>"

div.innerHTML=“显示文件夹”

链接是链接。按钮就是按钮。如果你想让一个链接看起来有点特别，那就应用CSS。这就是我的想法。我需要阅读css文档，我想

div.innerHTML='链接就是链接。按钮就是按钮。如果你想让一个链接看起来有点特别，那就应用CSS。这就是我的想法。我需要阅读css文档，因为我猜
div.innerHTML='我正在尝试建议的编辑，但是按钮没有显示出来。已经有一个按钮，我可以使用css的“行动”，这是蓝色的。但是，我不需要使用“onclick”吗？将按钮传递到innerHTML div是不起作用的。没有其他方法可以这样做吗，这感觉不是正确的方法。您可以在现有按钮的onclick事件上调用函数，在该函数中，您可以使用
window.location=..
重定向到同一链接@John smith如果window.location对您有效或无效，请告诉我。我正在尝试建议的编辑，但按钮未显示。已经有一个按钮，我可以使用css的“行动”，这是蓝色的。但是，我不需要使用“onclick”吗？将按钮传递到innerHTML div是不起作用的。没有其他方法可以这样做吗，这感觉不是正确的方法。您可以在现有按钮的onclick事件上调用函数，在该函数中，您可以使用
window.location=..
重定向到同一链接@John smith让我知道window.location是否适合您