Question

我已经创建了一个功能并且正在调用它，但它似乎无法正常工作。将打开一个新窗口，但它结束为空白，原始页面将重定向到新窗口所在的位置。

这是我的剧本：

 var bikeWindow;
         function showBike(linkTarget) {
             bikeWindow = window.open(linkTarget, "bikeInfo", "toolbar=no,menubar=no,location=no,scrollbars=no,resizable=no,width=620,height=575");
             bikeWindow.focus();
         }

这是我的函数调用：

a href="cannondale.html"  onclick="return showBike();"

任何提示？谢谢。

Answer 1

您的问题是您的函数需要将targetLink变量作为参数用作重定向网址，您需要使用this.href将链接href传递给您的函数。

这应该是你的代码：

<强> JavaScript的：

var bikeWindow;

function showBike(event, linkTarget) {
  event.preventDefault();
  bikeWindow = window.open(linkTarget, "bikeInfo", "toolbar=no,menubar=no,location=no,scrollbars=no,resizable=no,width=620,height=575");
  bikeWindow.focus();
}

<强> HTML：

<a href="cannondale.html" onclick="showBike(event, this.href);">Link</a>

注意：

在函数调用之前，return关键字在链接点击事件中无效。

修改

通过在链接上使用this.href，我们将href属性值传递给我们的函数：其中this指的是<a>链接本身。

使用Window.Open时，当新窗口为空时，原始页面重定向

1 个答案: