Javascript HTML在单击图像时再次打开新窗口

尝试不同的选择，比如 我已在新窗口中打开页面 下面在newtab中打开

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

下面将覆盖当前窗口

<img src="imageurl" style="width: 50%; height: 220px;" onclick="window.open(this.src)">

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

尝试一下

window.open(this.src,"_blank");

试着

window.open(this.src,"_blank");

---

要触发一个新窗口而不是一个新选项卡（您通常不愿意这样做），您需要指定一些浏览器不会应用于选项卡的窗口

在Chrome中设置可调整大小的

就足够了。我还没有在其他浏览器中测试过

HTML:

（不要将单击事件侦听器绑定到图像，它们不是作为交互控件设计的。依赖（例如）屏幕阅读器或键盘焦点与文档交互的用户将发现很难或不可能触发对图像的单击。请使用语义标记。如果要链接某些内容，请使用链接，然后使用JS增强。）
要触发一个新窗口而不是一个新选项卡（您通常不愿意这样做），您需要指定一些浏览器不会应用于选项卡的窗口

在Chrome中设置可调整大小的
就足够了。我还没有在其他浏览器中测试过

HTML:

（不要将单击事件侦听器绑定到图像，它们不是作为交互控件设计的。依赖（例如）屏幕阅读器或键盘焦点与文档交互的用户将发现很难或不可能触发对图像的单击。请使用语义标记。如果要链接某些内容，请使用链接，然后使用JS增强。）
否。无法控制是否打开新窗口或选项卡。否。它无法控制是否打开了新窗口或选项卡。感谢您的帮助。这是我测试的方式，但仍然在选项卡中打开，我们希望弹出窗口const openInNewWindow=event=>{event.preventDefault（）；const{href，target}=event.currentTarget；const features=“resizeable”window.open（href，target，features）；}；document.querySelector（“teststst”）.addEventListener（“单击”，打开新窗口）；html“target=“\u blank”>好的
teststst
将匹配html文档中的任何
元素，您不应该有这些元素……那么为什么您有这些元素呢？我可以从锚定标记添加onclick js函数吗？请告诉在调用的函数中添加什么。我已经尝试将document.querySelector（“a”）放入，仍然在选项卡中打开..尝试了window.location.replace（'url'）这也会覆盖当前窗口…单击另一个弹出窗口将打开图像显示..我迷路了。为什么要查看location.replace？我的答案没有提到它（有充分的理由！）。按照我在回答中说的做。谢谢你的帮助。这是我测试的方式，但仍然在选项卡中打开，我们期待弹出窗口const openInNewWindow=event=>{event.preventDefault（）；const{href，target}=event.currentTarget；const features=“resizeable”；window.open（href，target，features）；}；document.querySelector（“teststst“）.addEventListener（“单击”，openInNewWindow）；html“target=“\u blank”>好的
teststst
将匹配html文档中的任何
元素，您不应该有这些元素……那么为什么有这些元素呢？我可以从锚标记添加onclick js函数吗？请告诉要在调用的函数中添加的内容..我已尝试放置document.querySelector（“a”），但仍会在选项卡中打开..已尝试的窗口.位置.替换（'url'）这也会覆盖当前窗口…单击另一个弹出窗口时应会打开一个显示图像..我迷路了。你为什么要看位置。替换？我的回答没有提到这一点（有充分的理由！）。照我回答的做就行了。
const openInNewWindow = event => {
  event.preventDefault();
  const {href, target} = event.currentTarget;
  const features = "resizable";
  window.open(href, target, features);
};


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