输入按钮target="_blank"不能在新窗口/选项卡中加载链接。

代替

onClick="parent.location='http://www.facebook.com/'"

尝试使用

点击="window.open='http://www.facebook.com/'" 点击="window.open('http://www.facebook.com/','facebook')"

<button onclick="window.open('https://www.w3.org/', '_blank');">  My Button </button>

另一种解决方案是使用JQUERY编写一个函数，当用户单击按钮时调用该函数。此函数创建一个新的<A>元素，并将其附加到文档中，然后“点击”它并将其删除。

因此，就用户而言，他们单击了一个按钮，但在幕后，单击了一个带有target='_blank'的<A>元素。

<input type="button" id='myButton' value="facebook">

$(document).on('ready', function(){
     $('#myButton').on('click',function(){
         var link = document.createElement("a");
         link.href = 'http://www.facebook.com/';
         link.style = "visibility:hidden";
         link.target = "_blank";
         document.body.appendChild(link);
         link.click();
         document.body.removeChild(link); 
     });
});

JsFiddle：https://jsfiddle.net/ragDaniel/tf991u4g/2/

你可以将它放在锚标签内

     <button>
        <a href="{{route('main.home')}}" class="btn header-item noti-icon waves-effect" target="_blank"><i class="bx bxs-home"></i></a>
     </button>