Question

我已经找到了一些应该在这个论坛中发挥作用的方法，但它不会为我工作。我按下链接，然后在新窗口中打开一个新窗口。

我的HTML代码是：

  <!DOCTYPE html>
  <html lang="sv-se">
  <head>
    <meta charset="UTF-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="Navigering.js"></script>
    <title>Navigering</title>
</head>
<html>
<body>
<h1>Navigering</h1>
<a href="https://www.google.se/" alt="google">Link toGoogle</a>
</body>

我的JQuery代码：

$(document).ready(function(){
 function myFunction() {
  $("a").attr('target','_blank');
 }
$(window).load(myFunction);
}

Answer 1

为此，请尝试以下代码：

<!DOCTYPE html>
<html lang="sv-se">
<head>
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="Navigering.js"></script>
<title>Navigering</title>
</head>
<body>
<h1>Navigering</h1>
<a href="https://www.google.se/" onclick="window.open(this.href, 'newwindow', 'width=300, height=250'); return false;" alt="google">Link toGoogle</a>
</body>
</html>

Here, If we click on "LinktoGoogle" link then it will open link in new window (also we can set height and width of new window) and there is no need to add any jquery code for this.

Answer 2

代码应为：

$(document).ready(function(){
  $("a").attr('target','_blank');
}

编辑：

如果此解决方案不适合您，您是否有可能动态加载链接？因为在这种情况下，这个脚本不会检测到新添加的链接，并且它们不会被修改。在这种情况下，您可以使用以下内容：

$(document).ready(function(){
    $('document').on('click','a', function() {
      window.open( $(this).attr('href') );
      return false;
    });
});

从与JQuery的链接打开新窗口

2 个答案: