Question

我的页面中有一个提交按钮，我想在不同的窗口中打开该链接。

检查此代码

  <input class="btn add-to-cart-btn" onclick="one();two();" type="submit" value="More Info At {{ product.vendor }}"/>

java脚本代码

<script>
  function one(){
   trackOutboundLink('{{ product.metafields.google.custom_label_0 }}');


}

function two(){
    window.open('{{ product.metafields.google.custom_label_0 }}');

}


  var trackOutboundLink = function(url) {
    ga('send', 'event', 'outgoing', 'click', url, {
    'transport': 'beacon',
    'hitCallback': function(){document.location = url;}
  });
    }
</script>

＆＃34; product.metafields.google.custom_label_0＆＃34;是一个静态网址。

如果我点击该提交页面，那么该链接将在新窗口和同一窗口中打开。

但我只想在不同的窗口打开。怎么控制这个？

Answer 1

实际问题在于： -

'hitCallback': function(){document.location = url;}

按钮点击首先发出one();然后调用two();函数会发生什么。因此，在再次打开新窗口后，原始URL由函数trackOutboundLink()中调用的函数one();的上述代码重新加载

如此简单地删除或评论如下： -

<input class="btn add-to-cart-btn" onclick="one();two();" type="submit" value="More Info At {{ product.vendor }}"/>

<script>
  function one(){
   trackOutboundLink('{{ product.metafields.google.custom_label_0 }}');
}

function two(){
    window.open('{{ product.metafields.google.custom_label_0 }}');
}

var trackOutboundLink = function(url) {
    ga('send', 'event', 'outgoing', 'click', url, {
    'transport': 'beacon',
    /* 'hitCallback': function(){document.location = url;} */
  });
}
</script>

Answer 2

来自：http://www.w3schools.com/jsref/met_win_open.asp

您可以尝试：var myWindow = window.open("", "", "width=200,height=100");在新窗口中打开about：空白页。

你必须设置窗口大小。

Answer 3

更改输入类型＆＃34;提交＆＃34;到＆＃34;按钮＆＃34;

Answer 4

<强>语法

window.open(URL,name,specs,replace)

试试这个

window.open("product.metafields.google.custom_label_0 ", "_blank");

more Info

在两个窗口中打开页面

4 个答案: