在两个窗口中打开页面

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>

“product.metafields.google.custom_label_0”是一个静态网址。

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

但我只想在不同的窗口中打开。 如何控制这个？

Answer 1

真正的问题在于：-

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

在按钮上单击第one();会发生什么one(); 然后two(); 调用的函数。 所以再次打开新窗口后，原来的URL被上面在函数trackOutboundLink()中调用的函数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:blank 页面。

您必须设置窗口大小。

Answer 3

将输入类型从“提交”更改为“按钮”

Answer 4

句法

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

尝试这个

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

更多信息