HTML on image onclick再次打开新窗口

如何解决HTML on image onclick再次打开新窗口

尝试不同的选项，例如我在新窗口中打开了页面下面在newtab中打开

sdf1.withColumn("value",get_tuple_udf(sf.col("key_1"),sf.col("key_2"))).show()
+-----+-----+------+
|key_1|key_2| value|
+-----+-----+------+
| true| true|[1,2]|
|false| true| [,2]|
|false|false|   [,]|
+-----+-----+------+

下面将覆盖当前窗口

 <a href="imageurl" target="_blank">
        <img src="imageurl" style="width: 50%; height: 220px;">
  </a>

希望再次在新窗口中打开。请建议

解决方法

要触发新窗口而不是新标签页（通常您不愿意这样做），您需要指定一些window features，浏览器将其不适用于标签页。

在Chrome中设置resizable就足够了。我没有在其他浏览器中进行过测试。

HTML：

<a href="http://placekitten.com/100/100" target="_blank">
  <img src="http://placekitten.com/100/100">
</a>

JS：

const openInNewWindow = event => {
  event.preventDefault();
  const {href,target} = event.currentTarget;
  const features = "resizable";
  window.open(href,target,features);
};


document.querySelector("a")
  .addEventListener("click",openInNewWindow);

（不要将点击事件侦听器绑定到图像，它们也不是设计为交互式控件。依赖（例如）屏幕阅读器或键盘焦点与文档进行交互的用户会发现很难或不可能触发点击图片。使用语义标记。如果您要链接的内容，请使用链接，然后使用JS进行增强。）

尝试

@media