Question

我正在使用javascript功能导航离开我的网站和其他网站。我也尝试在点击按钮时打开新页面，而是在self而不是blank上导航。为什么会这样？

HTML

<p style="text-align:center;">
<input style="font-size:large;" id="btamen" type="button" value="Visit Website">
</p>

的JavaScript

<script type="text/javascript">
$("#btamen").click(function() {
    window.location.href = 'http://www.google.com'

    link.target = '_blank';
});
</script>

Answer 1

这一行：window.location.href = 'http://www.google.com'将始终用新网址替换当前页面。

我不知道下一页中的link是什么，但该代码甚至不会执行，因为页面重定向并且上下文丢失。

如果你想这样，那就这样做：

window.open('http://www.google.com', '_blank').focus();

此外，由于浏览器可能阻止它，因此无法保证其正常开放。有点弹出阻挡器。

Answer 2

我认为您无法控制它在新标签页中打开。所以你必须解决，我所做的是：

<a href="" target="_blank" id="btamen_link">
  <button type="button" id="btamen">
    Click
  </button>
</a>

和jquery：

<script type="text/javascript">
  $(document).ready(function(){
    $('#btamen').click(function(){
      $('#btamen_link').attr('href', 'http://www.google.com');
      $('#btamen_link').click();
    });
  });
</script>

为什么以下脚本无法打开新选项卡或页面？

2 个答案: