Javascript 链接周围的按钮到链接的按钮

所以我有这个代码：

<g:link class="create" action="create" params="${params}">
    <input type="button" value="New Field Trip Location">
</g:link>


<g:set var="paramsArray" value="$params" />
<button type="button" onClick="location.href='${createLink(controller:'fieldTripLocation', action:'create', params: $params)}'">New Field Trip Location</button>

新的实地考察地点

---

第一个代码段可以在chrome等浏览器上运行，但有人告诉我，在按钮上添加链接是一种糟糕的风格。为了解决这个问题，我尝试使用paramsArray变量添加代码段2，以传递动态大小的参数，但不确定如何将params变量（更像是由一组不同变量（如index和cameFrom）组成的数组）发送到下一个视图。所以总的来说：我有一些糟糕的代码，可以运行，但我想修复它，但似乎无法传递多个动态参数，需要您的帮助。谢谢

为什么不只使用一个具有适当css样式的链接：

<g:link class="create linkButton" action="create" params="${params}">
    New Field Trip Location
</g:link>

<style type="text/css">
.linkButton {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}
</style>

新的实地考察地点
.linkButton{
字体：粗体11px Arial；
文字装饰：无；
背景色：#EEEEEE；
颜色：#333333；
填充：2px6px 2px6px；
边框顶部：1px实心#中交；
右边框：1px实心#333333；
边框底部：1px实心#333333；
左边框：1px实心#中交；
}

css的问题在于，在我之前的那个家伙正在为我找不到或看不见的按钮使用样式表。我确实为chrome中的按钮制作了一个css，但当在IE或Firefox上时，这些按钮就散架了，所以我尝试进行标准化。如果项目在线，我可以查看它并检查是否可以找到它。图片可以工作吗？出于法律原因，我不能分享太多的代码。不幸的是，我说的是视图的源代码。使用firebug（或任何其他前端帮助），您可以轻松地检查css源代码。

是一种方法，但是：

或w/e您的参数可能是更好的形式，但是的，我会给您答案，因为其他人都应该这样做。