按钮不执行window.location

Question

实际上，我在visualforce页面中的html5按钮有问题。我有一个要求，当我点击一个按钮时，它应该重定向到某个页面(用户不想要链接)。由于一些我不知道的原因，我正在执行的函数不适用于HTML5按钮(实际上，页面只刷新而不重定向)，但是当我使用类型按钮的输入时，函数将按预期执行。

我想使用html5按钮，因为已经为插件im中的按钮定义了一些特定的css。下面是我的按钮和javascript函数的代码：

  <button class="butt" onclick="newContact()" >Nouveau</button>

  <script type="text/javascript">
     function newContact(){
        window.location = "/apex/VFP01_NewContact";
     }
 </script>

我在这里做错了什么，html5按钮的限制是什么？

Answer 1

一定要知道答案。在visualforce页面中，html5按钮执行我的表单提交。防止这种情况的一种方法是指定属性type=“按钮”。

Answer 2

你真的有两个选择。

您可以考虑使用指向您想要指向的URL的锚标记包装元素，如下所示：

    <!-- Target the "YourAction" action in your "YourController" controller -->
<a href='@Url.Action("YourAction","YourController")'>
    <input type="Button" id="mybutton" name="url button" value="Next" />
</a>

或者，您可以完全通过Javascript来处理这个问题，并以这样的方式执行您的导航：

<!-- The onclick event will trigger a Javascript call to navigate -->
<input type="Button" id="mybutton" name="url button" value="Next" onclick="window.location.href='@Url.Action("YourAction","YourController")';" />