单击时按钮不会转到网址答案

【问题标题】：Button won't go to a url when clicked单击时按钮不会转到网址
【发布时间】：2015-07-06 16:26:56
【问题描述】：

我的 js 按钮有问题。现在，它们工作得很好，但我正试图将我的“在线订购”按钮变成一个链接，打开一个新窗口到 Menufy 菜单页面。但是，我似乎无法弄清楚。现在按钮基本上都设置为选项卡了。

<section class="menu_options"> 
      <button class="menu_btn" onclick="displayMenu('dine-in');">Dine in</button> 
      <button class="menu_btn" onclick="displayMenu('take-away');">Take Away</button>
      <button class="menu_btn" onclick="displayMenu('lunch');">Lunch</button> 
      <button class="menu_btn" onclick="displayMenu('online');">Order Online</button> 
</section>

displayMenu = function(menu){
  $(".menu_inner").find(".menu-active").toggleClass("menu-active").slideToggle();
  $(".menu_inner").find("#"+menu).toggleClass("menu-active").slideToggle();
}

【问题讨论】：

在displayMenu 函数中打开一个窗口？
您是否在浏览器中使用调试控制台？有没有错误？您是否单步执行了代码？

标签： javascript html url button

【解决方案1】：

要将你的按钮变成一个链接，你可以尝试如下

<a href="javascript:void(0)"  onclick="displayMenu('online');">Order Online</a>

void 运算符计算给定的表达式，然后返回未定义。

void 运算符通常仅用于获取未定义的原始值，通常使用“void(0)”（相当于“void 0”）。在这些情况下，可以使用全局变量 undefined （假设它没有被分配给一个非默认值）。

之所以使用void(0)，是因为如果不指定，<a>的默认行为，即重定向到指定的href，将被取消，并调用指定的onclick

【讨论】：

【解决方案2】：

使用此代码“window.location.href='url'”可以将您带到窗口中的新网址，即：

<button onclick="window.location.href='url.com'">Click me</button>

然而，如果您想在新窗口中打开链接，请使用：

<button class="menu_btn" onclick="window.open('url.com', '_blank')">Lunch</button>

【讨论】：