Question

我的js按钮出现问题。现在，它们工作得很好，但我试图将我的“在线订购”按钮变成一个链接，打开一个菜单页面的新窗口。但是，我似乎无法弄明白。现在按钮基本上设置为标签。

<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();
}

Answer 1

要将按钮更改为链接，可以按以下步骤进行尝试

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

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

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

使用void(0)的原因是，如果未指定，则<a>的默认行为（即重定向到指定的href）将无效，并且指定的onclick将被称为

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

单击时按钮不会转到URL

2 个答案: