a标签中加了target="_blank"无法打开新窗口？

此段代码中，如何才能让它点击a标签中的文字后弹窗新窗口，在a标签中加了target="_blank" 并未打开新窗口？


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
    </head>
    <body>
        <a href="javascript:void(0)"  class="link">点击到百度</a>
    </body>
    <script type="text/javascript">
        $(function(){
    $('.link').click(function(){
        window.location.href="http://baidu.com/"
    })
})
    </script>
</html>


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <a href="http://baidu.com/"  class="link">点击到百度</a>
    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
            <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>
        </head>
    </head>
    <body>
        <a href="javascript:void(0)"  class="link" target="_blank">点击到百度</a>
    </body>
    <script type="text/javascript">
        $(function(){
    $('.link').click(function(){
        // window.location.href="http://baidu.com/"
        window.open("http://baidu.com/")
    })
})
    </script>
</html>

将

<a href="javascript:void(0)"  class="link" target="_blank">点击到百度</a>

代码换成

<a href="http://baidu.com/"  class="link" target="_blank">点击到百度</a>

window.location.href换成使用window.open函数。


 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
    </head>
    <body>
        <a href="http://baidu.com" target="_blank">点击到百度</a>
    </body>
</html>

```

href="javascript:void(0)" 这个是阻止链接跳转到其他页面，而去执行js函数，所以你在a标签上加target="_blank"是没有效果的
如果需要js弹出新窗口的话，那么就用window.open("http://baidu.com/"),否则只能用         
<a href="http://baidu.com/"  class="link" target="_blank">点击到百度</a>